Question

If I have a regular toggle function bound to a click event

$('#work-content a').toggle(
    function() {
        // first click stuff
    }, function() {
        // second click stuff
    }
);

But, I also need to bind $(document).click event to the second function somehow. My logic is probably off so I’m sure a new solution is necessary.

Functionality is 1) do something when link is clicked then 2) do the opposite when the link is clicked again or if the outside of the #work-content div is clicked.

Answer 1

linkClicked = false;    
$('#work-content .pic a').click(function(event) {
    event.preventDefault();

    var c = $(this);

    if (!linkClicked) {
        values = workOpen($(this));
    } else {
        workClose(c, values);
    }

    $('body').one('click',function() {
        workClose(c, values);
    });

});

This solution was exactly what I needed for what it’s worth.