How to hide/show on div click?

Question

I have a div that I'm trying to show and hide on a click of another div

The code I'm using is:

$(document).ready(function(){
    $(".logoo").click(function(){
        $("ul.secondone").show(1000);
    });

});

How do I add the hide function as well? I tried changing the .show to .hide but it didn't work.

Answer 1

Okay sorry for asking this question in a hurry I have figured the code out.

jQuery(document).ready(function(){
    jQuery('.logoo').on('click', function(event) {        
        jQuery('ul.secondone').toggle('show');
    });
})

Answer 2

You can hide or show division using jQuery.

Example for hide div :

$("#divId").click(function(){
  $("divToHide").hide();
});

Example for show div :

$("#divId").click(function(){
  $("divToShow").show();
});