Jquery slide-out bottom-top mouseover menu problem on loading a new page -
i'm struggling converting menu mootools jquery. there various reasons why have switch js framework , need here because quite new jquery.
first working mootools version on live site: http://www.kieleconomcis.de
as can see menu moves on hover, reveals sub menu , stays up when click link , load page.
now have convert jquery want able control heigth of each menu individually, a) looks more bar graph , b) can place 4 submenus :)
i played around, copy&pasted, tried&errored , ended fiddle here.
my problem - guess - have $('div.nav_body').hide();
need tell it has ignore effect if element before has id="visible"
here of code can see need trigger:
<h4 id="visible">Über uns</h4> <div id="nav2-body" class="nav_body">
thanks adice.
using :not()
, :has()
selector works:
$('div.nav_container:not(:has(#visible)) .nav_body').hide();
the filter()
method works well:
$('div.nav_body').filter(function () { return !$(this).prev().is("#visible"); }).hide();
or use .not()
remove 1 submenu to-be-hidden items:
$('div.nav_body').not($("#visible").next()).hide();
i tested 3 in fiddle. can't 1 best, though.
Comments
Post a Comment