Sorry for the, strange title, but I couldnt quite get it across.
Basically what I've got is.
The HTML
<li class="dedicated">Dedicated Servers</li>
<li class="sub-link dedi-2">Dual Core Servers</li>
<li class="sub-link dedi-4">Quad Core Servers</li>
<script>Dedicated()</script>
The Javascript
function Dedicated(){
$(".dedicated").click(function () {
$(".dedi-2").toggle('fast');
$(".dedi-4").toggle('fast');
});
}
The CSS
#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;}
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.
Could somebody clarify this for me or provide me with a possible solution?
Thanks
Owen