jquery click elsewhere function

Question

I'm trying to remove the css when somewhere on the page has been clicked. I know how to implement the css changes but can't figure out how to or where to place the listener for a mouse click.

Any suggestions would be great.

$(document).ready(function() {
    var friends = false;
$('#friends').click(function() {
    friends = true;
    $('#cont').css({'left':'502px'}); 
        $('#members').css({'left':'251px','display':'inline','opacity':'1'});
    alert(friends);
});

if($(document).click() && friends){
    alert('here');
};
});

should not be the event wired to the body of the document? – Prabhu Murthy Mar 04 '14 at 18:14 — Prabhu Murthy, Mar 04 '14 at 18:14
Thanks Mathletics, that was the issue. – Steveo Mar 04 '14 at 18:33 — Steveo, Mar 04 '14 at 18:33

score 0 · Answer 1 · answered Mar 04 '14 at 18:35

Got it working eventually using this but modified it alot:

jQuery().ready(function(){
$('#nav').click(function (event) {
    $(this).addClass('activ');
    event.stopPropagation();
});

$('html').click(function () {
    if( $('#nav').hasClass('activ') ){
        $('#nav').removeClass('activ');
    }
});

});

jquery click elsewhere function

1 Answers1