Question

I am using this code to display a grid

$('#table1 tr').bind('click', shows);

function shows() {
    $('#table').show();
}

Where #table is the following HTML fragment:

<div id="table">
  <p>shiva</p>
</div>

I am not able to show shiva?
is this right what I am doing here?

Answer 1

Ok you’re not explaining yourself very well but this is what i’m interpreting:

<!-- HTML -->
<div id="grid1">... some html ie. tables etc</div>
<div id="grid2">... some more html</div>

You want grid2 to be hidden by default and shown once grid1 is clicked.

/*CSS*/  
#grid2{display:none;}

/*Javascript*/
$("#grid1").click(function(){
  $("#grid2").show();
});