两次点击相同的选择器，具有不同的行为

Question

我以正确的方式搜索，我如何能够以不同的行为两次点击相同的选择器。我的代码不起作用，但哪里出错了？

 $('.setting-panel').on({ click: function(e){  

 e.preventDefault();

 $('.inner-set').fadeIn(); }});

 $('.setting-panel').on({ click: function(e){  

 e.preventDefault();

 $('.inner-set').fadeOut(); }});

Answer 1

在这种情况下，您可以使用fadeToggle()，因为您正在使用淡化动画切换元素的显示状态。

$('.setting-panel').on({
    click: function (e) {
        e.preventDefault();
        $('.inner-set').fadeToggle();
    }
});