Arkadaşlar aşağıdaki şekilde dropdown menu yapmaya calisiyorum burda
sorunum su ; "dropdown" üzerine geldiğimde aciliMenus alanini aktif
ediyorum tekrar kapatmak icin ise yine AcilirMenus uzerinden
gidilmesini bekliyorum "aciliMenus" içerinde herangi bir html tagı
olmadığında(a örnegin) üzerinden gittiğimde kapanıyo yalniz içersinde
html tagı varsa (örnegin "a" yine) üzerine gelince "acilirMenus"
kapanıyor css ile farklı yöntemler denedim ama yapamadim , yardımcı
olursanız sevinirim iyi calismalar ...
<ol class="menu_serbest2">
<li><a href="#" rel="home" class="dropdown">Ana Sayfa</a>
<div class="acilirMenus" id="home">
<a href="#">buraya gelicek</a>
</div>
</li>
<li><a href="#" style="cursor:default"> > </a></li>
<li><a href="#" rel="subcat" class="dropdown"><?=$son
['ustkattr']?></a>
<div class="acilirMenus" id="subcat">
<a href="#">buraya gelicek</a>
</div>
</li>
</ol>
(document).ready(function(){
$("a.dropdown").hover(
function () {
var div = $(this).attr('rel');
$("div#"+div).css('z-Index', '9999');
$("div#"+div).slideDown('show');
}
);
$(document).ready(function(){
$("div.acilirMenus").mouseout(function(){
var div = $(this).attr('id');
$("div#"+div).slideUp();
})
});
|
