Thanks but that's not really what I was looking for... I don't need just a list. This is what I'm trying to do...
http://missfoshee.bravehost.com/test.txt
That is what I want, BUT when using firefox, the links don't drop down. I need a code that does exactly what I have there, but that will also work in firefox.
Begin with the fact that there are two different HEAD and DOCTYPE declarations in the same file. First, fix that basic problem. Try visiting http://validator.w3.org to submit your files before you fix things.
Anyway, I got it to work in Firefox and Opera. Some basics: in the JavaScript language, "show(foo)", that word "foo" is taken as a variable. In the anchor tag, you have onclick="show(text1)", which should have been onclick="show('text1')" -- note those single quotes -- because you want to work on a literal ID string that says "text1". Hence, the quotes are necessary.
In the <script> tag, you should declare the type="text/javascript", and the show(text) function did not work because it forgot what text is supposed to stand for. In the script, text is a variable representing a unique string for the ID. Therefore, you cannot write something like:
text.style.display = "none"
Instead, you have to write
document.getElementById(text).style.display = "none"
Here is a cleaned up version of the code.
<script type="text/javascript" language="javascript">
function hideAll(){
if (document.all) {
for (x in document.all.tags('div')) {
if (!x.indexOf('text')){
document.getElementById(x).style.cssText = 'display: none';
}
}
}
}
function show(text){
if(document.getElementById(text).style.display == "none"){
hideAll()
document.getElementById(text).style.display = "";
}
else {
document.getElementById(text).style.display = "none";
}
}
</script>
And then below that, you can put in your hyperlink, properly formatted:
<a href="javascript:void()" onclick="show('text1')">My Portfolio</a>
That was what was wrong, and should probably work for you.