jquery changing the parent display:block, is not changing the children display
<p>I have 2 layout in my website, one is listview and other is gridview. I am changing the layout on clicking the icons. The listview part is working fine but for the gridview, it makes the parent tr style="display:block" but inside the, tr->td->div tag style is ="display:none". </p>

<p>I have tried to change it by directly using the class of the div tag and also using the children property in jquery but Ii is not working at all.</p>

<p>Here is jquery code:</p>

<pre><code> function changeLayout(layout)
{
    if(layout=='list')
    {
        $(".showGrid").hide();
        $(".showList").show();      
    }
    else if(layout=='grid')
    {
        $(".showGrid").show();
        $(".showList").hide();      
        $(".showgridview").children("div").show();
    }
}
</code></pre>

<p>here is website also, if you need to check out. </p>

<p><a href="http://www.cityeveryday.com/frontend/deals/index/all/all" rel="nofollow">http://www.cityeveryday.com/frontend/deals/index/all/all</a></p>

<p>Thanks</p>
