Javascript help

[cesy]

I am trying to implement a solution to Bug 581, and I need to do some Javascript that will make a hidden section appear when clicked on. So far I have this:

$out .= "Click here to see all your tags";
$out .= "";

(and then the actual content in the span). What should my ShowTags() function actually do in order to change the style to display:inline? I found one example on the web, but it used fancy browser-sniffing, and it appears we have our own browser-sniffing module and I don't know how to adapt it for that.

Comments

[cesy]

Can you spell it out for me in beginner terms a bit more, please? I guessed
<a class="tagslink" onclick=ShowTags();>Click here to see tags</a><span class="tagslist" style=display:none;>[Actual tags]</span>
or code to that effect in the doc, and then in the header,
<script type=text/javascript>document.getElementById('tagslist').style.display = 'inline';</script>
but that didn't seem to do the trick, and I know I should be putting the details of the function in there and so on. I really don't know very much javascript at all.

[wyntarvox]

getElementById() uses the id attribute, not the class attribute, so your span should look something like:

<span class="tagslist" id="tagslistid" style=display:none;>[Actual tags]</span>

And you would then use:

<script type=text/javascript>document.getElementById('tagslistid').style.display = 'inline';</script>

[cesy]

Thank you! That works now.