Getting access to various elements using jQuery
<p>I'm currently working on something to check a box and change the text next to it to a hyperlink once ticked</p>

<pre><code>&lt;li class="myList"&gt;
&lt;input class="myCheckBox" type="checkbox" name="frank"  value="someVal"/&gt;
&lt;span style="dispaly:none;"&gt;
&lt;a class="navigation"&gt;mylink&lt;/a&gt;
&lt;/span&gt;
&lt;span&gt;myLink&lt;/span&gt;
&lt;/li&gt;
&lt;li class="myList"&gt;
&lt;input class="myCheckBox" type="checkbox" name="frank"  value="someVal"/&gt;
&lt;span style="dispaly:none;"&gt;
&lt;a class="navigation"&gt;mylink&lt;/a&gt;
&lt;/span&gt;
&lt;spanmyLink&gt;&lt;/span&gt;
&lt;/li&gt; .. and so on
</code></pre>

<p>Hopefully from this you can gather i have 2 items, and i want one visible as default until checkbox is ticked and the hyperlink span tag takes over from the default span tag. That changes to <code>style="display:none"</code> other becomes <code>style="display:block"</code></p>

<p>Now for the jQuery</p>

<pre><code>$(window).load(function(){
          $('.myCheckBox').click(function(){
           //DO DOMETHING
          });       
      });
</code></pre>

<p>But once I make the click event occur how to i gain access to these spans and such in order to change the styles of the various elements etc.</p>

<p>Thanks</p>
