單擊以顯示和隱藏菜單

Question

昨天我問了一個有關單擊以顯示菜單的問題，菜單得到了很好的回答。 但是，我想知道如何在單擊文本“項目信息”時使div淡入，然后在“再次單擊項目信息”時使div淡出。 我知道這可能是一件非常基本的事情，但是我對javascript和jquery還是非常陌生，將不勝感激。 html代碼如下：

<div  class="descinner">
    <a href="javascript:void(0);" class="showDesc">Project info</a>    
</div>

和Javascript：

$('.showDesc').click(function(e) { e.stopPropagation(); $(this).next().toggle(); });
$('body').click(function() { $('.showDesc').next().hide(); });

Answer 1

您是否嘗試過fadeToggle （）方法？

像這樣：

$('.showDesc').click(function() {
  $('.info').fadeToggle();
});

這將在第一次單擊.showDesc時顯示.info div，而在第二次單擊時將其隱藏（依此類推）。

Answer 2

檢出FadeIn（）函數。 在要淡入的元素上使用它。

Answer 3

編寫一個自定義函數並將其命名為onClick ...在該函數內部，您可以放置​​自己的fadeIn和fadeOut ...，尤其是無法使用.toggle（）做到這一點。

Answer 4

您具有jQuery動畫功能：fadeIn和fadeOut。 您還可以使用顯示和隱藏功能。 只需設置所需的速度參數

$('your_div').fadeIn(100);
$('your_div').fadeOut(100);