Question

This script is for a text box to fadeIn onClick then fadeOut onClick. It works the first time. But, the second time you do it, the $.noop() variable doesn’t work. Here’s the link of the site I just started working on. If you click on the “music”,”bio”, or “links” tabs twice you will see what I’m talking about. Here’s the 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

Based on your updated comment:

$(document).ready(function() {
    var buttonStatus = false;
    $('#music-box').hide();
    $('#links-top-music').click(function() {
        if(buttonStatus) {
            $('#music-box').fadeOut(750);
        } else {
            $('#music-box').fadeIn(1000);
        }
        buttonStatus = !buttonStatus;
    });
});

This will toggle between visible and invisible.