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

If understand you correctly, it should be just setting the display:none for the divs before showing your specific div.

    $('#w').live('click', function(){
        $('div').css('display','none');
        $('#a').css('display','block');

    });

    $('#x').live('click', function(){
         $('div').css('display','none');
        $('#b').css('display','block');
    });

    $('#y').live('click', function(){
         $('div').css('display','none');
        $('#c').css('display','block');
    });

    $('#z').live('click', function(){
         $('div').css('display','none');
        $('#d').css('display','block');
    });

​