title: SEO on jQuery.toggle Links. Whats the lowdown?
body: <p>Sorry for the, strange title, but I couldnt quite get it across.</p>
  
  <p>Basically what I've got is.</p>
  
  <p>The HTML</p>
  
  <pre><code>&lt;li class="dedicated"&gt;Dedicated Servers&lt;/li&gt;
  &lt;li class="sub-link dedi-2"&gt;Dual Core Servers&lt;/li&gt;
  &lt;li class="sub-link dedi-4"&gt;Quad Core Servers&lt;/li&gt;
  &lt;script&gt;Dedicated()&lt;/script&gt;
  </code></pre>
  
  <p>The Javascript</p>
  
  <pre><code>function Dedicated(){
  $(".dedicated").click(function () {
  $(".dedi-2").toggle('fast');
  $(".dedi-4").toggle('fast');
  });
  }
  </code></pre>
  
  <p>The CSS</p>
  
  <pre><code>#navigation .sub-link{display:none; text-indent:23px;}
  #navigation .dedi-2{background-image:url(images/cpu-sprite.png); background-repeat:no-repeat; background-position: 18px 4px;}
  #navigation .dedi-4{background-image:url(images/cpu-sprite.png); background-repeat:no-repeat; background-position: 18px -23px;}
  </code></pre>
  
  <p>Basically, thats the structure Im using at the moment. However, my links start of using display:none; and I've been lead to believe that this will mean google or crawlers will just ignore these links.</p>
  
  <p>Could somebody clarify this for me or provide me with a possible solution?</p>
  
  <p>Thanks</p>
  
  <p>Owen</p>