How to display one div and hide all others

Question

I want to display a div on each button click and also want to hide the other all divs how I can do it.

HTML

Answer 1

Add a class to all the divs u want to show or hide eg:

1

And then add the following statement to each onclick function

 $('.hide').css('display','none'); /* Replace .hide with whatever class name u have chosen*/

To see the answer in action: http://jsfiddle.net/6UcDR/1/