javascript - 单击可显示和隐藏菜单

Question

我昨天问了一个关于点击显示菜单的问题，这个问题得到了完美的回答。但是，我想知道如何使 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，并在第二次点击时隐藏它(依此类推)。