javascript - jQuery 中的 $.noop() 变量适用于一个周期，但不适用于两个周期

Question

此脚本用于让文本框在单击时淡入，然后在单击时淡出。第一次就可以了。但是，第二次执行此操作时，$.noop() 变量不起作用。 Here's我刚刚开始工作的网站的链接。如果您点击“音乐”、“个人简介”或“链接”选项卡两次，您就会看到我在说什么。这是 jQuery:

$(document).ready(function() {
$('#music-box').hide();
    $('#links-top-music').click(function() {
        $('#music-box').fadeIn(1000);
        $.noop();
                $('#links-top-music').click(function() {
                    $('#music-box').fadeOut(750);
                });
            });
        });

Answer 1

试试这个。

$(document).ready(function() {
    $('#music-box').hide();
    $('#links-top-music').click(function(evt) {
        if ($('#music-box:visible').length) {
            $('#music-box').fadeOut(750);
        }
        else {
            $('#music-box').fadeIn(1000);
        }
        evt.preventDefault();
    });
});

此处演示:http://jsfiddle.net/naveen/pfT5E/