使用.toggle（）和jQuery的stopPropogration

Question

希望将stopPropogation添加到以下下拉菜单。

$(document).ready(function() {$('.js nav #nav-ads').toggle(
function() { 
    $('.dropdown-js').fadeIn();
    $('.js nav #nav-ads span').toggleClass('arrow-up').toggleClass('arrow-down');
},
function() { 
    $('.dropdown-js').fadeOut();
    $('.js nav #nav-ads span').toggleClass('arrow-down').toggleClass('arrow-up');
}
); 

}）;

Answer 1

注意：此方法签名在jQuery 1.8中已弃用，在jQuery 1.9中已删除。 jQuery还提供了一个名为.toggle（）的动画方法，用于切换元素的可见性。 触发动画还是事件方法取决于传递的参数集。 jQuery API

---

现代解决方案

$('.js nav #nav-ads').on('click', function (e) {
    $('.dropdown-js').fadeToggle();
    $('.js nav #nav-ads span').toggleClass('arrow-up arrow-down');
    e.stopPropagation();
});