JQuery selector

Question

$(document).ready(function(){
    $('#hideButton').click(function(){
         $('#disclaimer,#clock').hide();
    });
});

In the above code snippet, suppose I want to add both the code

1. for show() function to show the content and
2. for hide() function to hide the content.

is it possible?

Answer 1

$(document).ready(function(){
    $('#hideButton').click(function(){
         $('#disclaimer,#clock').toggle();
    });
});

Answer 2

Use:

$(document).ready(function(){
    $('#hideButton').click(function(){
         $('#disclaimer,#clock').toggle();
    });
});

See: http://api.jquery.com/toggle/#toggle2

Answer 3

try

$(document).ready(function(){
    $('#hideButton').click(function(){
         $('#disclaimer,#clock').toggle();
    });
});

Answer 4

$(document).ready(function(){
    $('#hideButton').click(function(){
         $('#disclaimer,#clock').toggle();
           //http://www.learningjquery.com/2006/09/slicker-show-and-hide
         or 
         $('#disclaimer,#clock').slideToggle("slow");
         //http://api.jquery.com/slideToggle/
    });
});