hide div wen click on any were on the page

[sofian]

hi

i have this code that wen i click on div1 show div2 , wen click again on div1 hide div2 , but wen div2 is show and click on another place on the page it not hide .....

can you please help me to make it wen click on any place on the page hide dive2 too!!

 

<script> 
$(document).ready(function(){
$("#div1").click(function(e) {
e.preventDefault();
if ($("#div2").is(":visible")) {
$("#div2").hide();
}
else {
$("#div2").show(); 
}
});
});
</script>

 

thanks

[goodacre.liam]

Do you mean something like this?

jQuery(function ($) {
    // when clicking on the document
    $(document).click(function () {
        // hide/show element '#div2'
        $('#div2').toggle();
    });
});

 

Hope this helps.

[sofian]

Do you mean something like this?

jQuery(function ($) {
    // when clicking on the document
    $(document).click(function () {
        // hide/show element '#div2'
        $('#div2').toggle();
    });
});

 

Hope this helps.

 

thank you very much for your help .

but  realy i dont want to change the code  , i just want to add to the code the option wen  click on the page (evry were) hide the div .

 

thank you

 

please not that i dont have any know with php or scripts .

 

 

[goodacre.liam]

So do you just mean the following?

// when clicking on the document
$(document).click(function () {
    // hide element '#div2'
    $('#div2').hide();
});

 

Hope this helps.

[sofian]

So do you just mean the following?

// when clicking on the document
$(document).click(function () {
    // hide element '#div2'
    $('#div2').hide();
});

 

Hope this helps.

 

thank you man very much .

wen i add your code the script stop to work .

sorry ... please forget from this .

i will stay as it as .

 

thank you for your help