toggle the lists at the time loading the page
<ul class="ulMenu">
<li class="mains">
<a href="#" class="clicker">Main Heading 1</a>
<ul class="sub1">
<li>
<a href="#" class="clicker">Main Heading 2</a>
<ul class="sub1">
<li>
<a href="#" class="clicker">Sub Heading 1</a>
<ul class="sub1">
<li><a href="#">Sub Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li>
<a href="#" class="clicker">Main Heading 3</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li>
<a href="#" class="clicker">Main Heading 4</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li>
<a href="#" class="clicker">Main Heading 5</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
</ul>
</li>
<li class="mains">
<a href="#" class="clicker">Main Heading 2</a>
<ul class="sub1">
<li>
<a href="#" class="clicker">Main Heading 2</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li>
<a href="#" class="clicker">Main Heading 3</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li>
<a href="#" class="clicker">Main Heading 4</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
<li>
<a href="#" class="clicker">Main Heading 5</a>
<ul class="sub1">
<li><a href="#">Main Heading 2</a></li>
<li><a href="#">Main Heading 3</a></li>
<li><a href="#">Main Heading 4</a></li>
<li><a href="#">Main Heading 5</a></li>
</ul>
</li>
</ul>
</li>
</ul>.
hi i want to toggle the corresponding class="sub1" at the time of page loading only.
for ex: if i want to toggle the sub1 with index 0 after class=" mains" then code will be
$(document).ready(function()
{
$(".mains").eq(0).find(".sub1").toggle("normal");
}
but it is not working