trouble with .toggle()
<p>I have this CSS:</p>

<pre><code>.linkMenu {
    width: 710px;
    height: 30px;
    color: #CCCCCC;
    font-weight: bold;
    float: left;
    text-align: left;
}
</code></pre>

<p>And this HTML:</p>

<pre><code>&lt;div id="linkAnchor0" class="linkMenu"&gt;
    text1
&lt;/div&gt;

&lt;div id="linkAnchor1" class="linkMenu" style="display:none;"&gt;
    text2
&lt;/div&gt;
</code></pre>

<p>I'd like to know why <code>$("#linkAnchor1").show();</code> works (it shows the second div) and why <code>$("#linkAnchor1").toggle();</code> doesn't work (nothing is shown).</p>

<p>Where am I wrong?</p>

<hr>

<p><strong>EDIT</strong></p>

<p>The whole jQuery code:</p>

<pre><code>function showLinks(param) {
    if(param!="") {
        for(i=0; i&lt;10; i++) {
            if(i&lt;param) {
                $("#linkAnchor"+i).toggle();
            } else {
                $("#linkAnchor"+i).toggle();
                $("#linkAnchor"+i).find(".linkValue").children().val("");
            }
        }
    }
}
</code></pre>
