幻燈片導航

我正在嘗試進行幻燈片導航。這裏是我的代碼幻燈片導航

HTML

<li> 
    <a href="#">Services</a> 
    <div class="subcategories"> 
    <a href="#">Cleaning</a> 
    </div> 
</li>

子類別DIV是隱藏的。

$('li a').hover(function() { 
    $(this).next().slideToggle('fast', function() { 

    }); 
});

此代碼的工作。問題是，當鼠標離開li時，子類別div將消失。

我想要的是，當用戶指向李a的子類div顯示，以便用戶能夠點擊子導航的某個鏈接。

來源

2012-10-13 robosot

試試這個請演示http://jsfiddle.net/QEkDa/或http://jsfiddle.net/qmrHm/

請讓我知道如果我錯過了什麼！

希望休息適合事業:)

代碼

$(".subcategories").hide(); 
$('li a').mouseover(function() { 
     $(this).next().slideToggle('fast', function() { // <== could use slideDown 

    }).mouseout(function() { 
     $(".subcategories").slideUp(); 

    }); 
});

來源

2012-10-13 09:11:42

這很好，但我希望子類別在鼠標離開時隱藏。 – robosot

@robosot gotchya bruv：fixed：http://jsfiddle.net/dVNdr/ –

$('li').hover(function(){ 
    $(this).children('.subcategories').slideToggle('fast', function(){}); 
});

試試這個，你需要把懸停行動力，或當你將鼠標放在DIV它會隱藏，因爲你現在在div上，而不是在現在。

隨着children()您選擇的是李課下「子類別」中的節點作用，但你仍然對李，所以它不會隱藏

來源

2012-10-13 09:19:42 aleation

您使用：第一

$('li a:first').hover(function() { 
    $(this).next().slideToggle('fast', function() { 
    }); 
});

來源

2012-10-13 09:21:32

回答

相關問題