jquery - Keep sub menu open -



jquery - Keep sub menu open -

in menu sub categories slide down. used css maintain sub menu open when on main categorys page, jquery slideup() function disables on mouseout. maintain sub-menu open when on main categories page.

<div id="sidebar"> <ul> <li class="main"> <a href="real_estate.php" class="real_estate">real estate </a> <ul class="sub" id="sub_real_estate"> <li> <a href="consulting.php">consulting services</a></li> <li> <a href="investment.php">investment</a></li> <li> <a href="property_mgmt.php">property management</a></li> <li> <a href="development.php">development</a></li> </ul> </li> <li class="main"> <a href="investment.php" class="">investment</a> <ul class="sub" id="sub_investment"> <li><a href="philosophy.php">philosophy</a></li> <li><a href="criteria.php">criteria</a></li> </ul> </li> </ul> </div>

jquery

$(document).ready(function() { $(".main").hover(function() { $(".sub", this).slidedown('slow'); }, function() { $(".sub", this).slideup('slow'); }); })

css

.sub {display:none;} body.real_estate #sub_real_estate, body.investment #sub_investment { display:block; }

try this:

$(document).ready(function() { $(".main").hover(function() { $(".sub", this).slidedown('slow'); }, function() { if(window.location.href != 'mysite.com/main-categories') { $(".sub", this).slideup('slow'); } }); });

simply alert(window.location.href); see main-categories page href is, , swap value comparing provided above.

jquery css

Comments

Popular posts from this blog

iphone - Dismissing a UIAlertView -

c# - Can ProtoBuf-Net deserialize to a flat class? -

javascript - Change element in each JQuery tab to dynamically generated colors -