Hover_one_element_effect_multiple_element CSS and HTML

CSS:

<style type="text/css">
    .section { background:#ccc; }
    .layer { background:#ddd; }
    .section img { border:2px solid #F90; }
    .section .layer { border:2px solid #F90; color:#ff0000; }
    .section:hover img { border:2px solid #ccc; }
    .section:hover .layer { border:2px solid #ccc; color:#ccc; }
  </style>

HTML:

    <div class="section">
        <img src="test.png" alt="test" title="hover" border="0" />
        <div class="layer">
            Lorem Ipsum</div>
    </div>
   

Tab Nav Active Hover JS code

$("ul.nav li").click(function () {
    $("ul.nav li").removeClass('selected');
    $(this).addClass('selected');

});

Href Navigation Active Hover JS code

$('.nav li a').each(function() {
if (str.indexOf(this.href.toLowerCase()) > -1) {
$('.nav li a').removeClass("active");
$(this).addClass("active");
}
});
}); 

Increase and Decrease font size JS Code

// Increase Font Size
$(".increaseType").click(function(e){
e.preventDefault();
var currentFontSize = $('#main-content,#sidebar-right,#healthcare-professionals-popup').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum+1;
if (newFontSize < 18) {
$('#main-content,#sidebar-right,#healthcare-professionals-popup').css('font-size', newFontSize);
}
return false;
});
// Decrease Font Size
$(".decreaseType").click(function(e){
e.preventDefault();
var currentFontSize = $('#main-content,#sidebar-right,#healthcare-professionals-popup').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum-1;
if (newFontSize >= 12) {
$('#main-content,#sidebar-right,#healthcare-professionals-popup').css('font-size', newFontSize);
}
return false;
});