Just FYI, my version doesn&#39;t use a link for the show-hide button, because I always refuse to put a link that links to nowhere. But instead, the &lt;span&gt; is also accessible through tab, and hitting the &quot;enter&quot; key also triggers the action.<br>
<br>See for example: <a href="http://es.pokemon.wikia.com/wiki/Plantilla:Kanto">http://es.pokemon.wikia.com/wiki/Plantilla:Kanto</a><br><br>My two cents.<br><br>-Jesús<br>-Ciencia Al Poder<br><br><div class="gmail_quote">
2009/6/15 Daniel Friesen <span dir="ltr">wrote:</span><br><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Yup,<br>
Technically it&#39;s actually modified from my version (Some time ago I<br>
tweaked NavFrame to support span and fieldset as well as divs) but<br>
there&#39;s really no difference anymore because I&#39;m finding NavFrames using<br>
$(&#39;.NavFrame&#39;) thus there is no distinction anymore (You can put a<br>
NavFrame on a table if you want, heh, though that&#39;s a little redundant).<br>
Also it&#39;s separate from the css.<br>
<br>
I&#39;m debating whether or not I should smooth over functionality between<br>
the two. (ie: Make them both use [&lt;a&gt;show&lt;/a&gt;], instead of one being<br>
[&lt;a&gt;show&lt;/a&gt;] and the other &lt;a&gt;[show]&lt;/a&gt;).<br>
<br>
If you want a list of remotely possible downsides.<br>
- I&#39;m using a click event instead of a horrid javascript: href. So it<br>
only picks up on clicks on the show/hide button. If there is honestly<br>
anyone who would actually tab through all the links in the page just to<br>
get to the show/hide link (which I seriously doubt) I could be persuaded<br>
to try and find a way to capture other things to.<br>
- I shortened the code for show/hide itself to use jQuery&#39;s .toggle()<br>
and .is(&#39;:visible&#39;); If for some freakish reason you&#39;ve managed to make<br>
some rows/NavContent areas hidden and left others visible it will end up<br>
alternating instead of flat showing or hiding them all.<br>
<br>
Frankly I don&#39;t think either of those cases should be of any concern.<br>
If anyone wanted I could also substitute .toggle for .slideToggle to<br>
throw in some animation.<br>
<div class="im"><br>
~Daniel Friesen (Dantman, Nadir-Seen-Fire) [<a href="http://daniel.friesen.name" target="_blank">http://daniel.friesen.name</a>]<br>
<br>
</div><div class="im">George Pribul (Kirkburn) wrote:<br>
&gt; If I am reading correctly, this is an update for the JS shown on<br>
&gt; <a href="http://www.wikia.com/wiki/Help:Dynamic_navigation" target="_blank">http://www.wikia.com/wiki/Help:Dynamic_navigation</a> ?<br>
&gt;<br>
&gt; If it supports all the original functionality and is as good as you<br>
&gt; make it sound, it sounds like it could be a great recommendation for<br>
&gt; our users. :)<br>
&gt;<br>
&gt; -------------------------------------<br>
&gt; George Pribul (Kirkburn)<br>
&gt; Associate Product Manager,<br>
&gt; Wikia Inc.<br>
&gt;<br>
&gt;<br>
&gt; 2009/6/15 Daniel Friesen<br>
&gt; &lt;<a href="mailto:lists@danielfriesen.name">lists@danielfriesen.name</a><br>
</div>&gt; &lt;mailto:<a href="mailto:lists@danielfriesen.name">lists@danielfriesen.name</a>&gt;&gt;<br>
<div><div></div><div class="h5">&gt;<br>
&gt;     Just thought I&#39;d let everyone know I rewrote the ShowHide (Wikipedia&#39;s<br>
&gt;     collapsible tables and NavFrame code) to make use of jQuery which<br>
&gt;     Wikia<br>
&gt;     is now using.<br>
&gt;<br>
&gt;     The resulting code is around 100 lines shorter than the WP code<br>
&gt;     (basically half the size), supports the &quot;collapsed&quot; class in BOTH<br>
&gt;     collapsible tables and NavFrame (The code being circulated around<br>
&gt;     Wikia<br>
&gt;     doesn&#39;t seam to support individual pre-collapsed NavFrames), works<br>
&gt;     with<br>
&gt;     whatever elements you want it to (NavFrame can work on things<br>
&gt;     other than<br>
&gt;     just divs), and loads quickly unlike the original WP code (jQuery&#39;s<br>
&gt;     ready event is more reliable than MediaWiki&#39;s built in addOnloadHook<br>
&gt;     which sometimes can actually end up being called considerably late in<br>
&gt;     comparison; I tested using MW&#39;s onload and jQuery&#39;s onload on separate<br>
&gt;     types of show/hide and jQuery fired considerably earlier than the MW<br>
&gt;     code which fired quite late after the page was already loaded).<br>
&gt;<br>
&gt;     The code is available on the dev wiki and can be easily included into<br>
&gt;     any wiki using the short snippet:<br>
&gt;     |importScriptPage(&#39;ShowHide/code.js&#39;,<br>
&gt;     &#39;dev&#39;);|<br>
&gt;     <a href="http://dev." target="_blank">http://dev.</a>.<a href="http://wikia.com/wiki/ShowHide" target="_blank">wikia.com/wiki/ShowHide</a><br>
&gt;     &lt;<a href="http://dev.wikia.com/wiki/ShowHide" target="_blank">http://dev.wikia.com/wiki/ShowHide</a>&gt;<br>
&gt;<br>
&gt;     --<br>
&gt;     ~Daniel Friesen (Dantman, Nadir-Seen-Fire)<br>
&gt;     [<a href="http://daniel.friesen.name" target="_blank">http://daniel.friesen.name</a>]<br>
&gt;<br>
&gt;     _______________________________________________<br>
&gt;     Wikia Community Mailing List.<br>
&gt;<br>
&gt;     For information and subscriptions see<br>
&gt;     <a href="http://lists.wikia.com/mailman/listinfo/wikia-l" target="_blank">http://lists.wikia.com/mailman/listinfo/wikia-l</a><br>
&gt;<br>
&gt;     Need staff help? Try <a href="http://www.wikia.com/wiki/Special:Contact" target="_blank">http://www.wikia.com/wiki/Special:Contact</a><br>
&gt;<br>
&gt;<br>
<br>
_______________________________________________<br>
Wikia Community Mailing List.<br>
<br>
For information and subscriptions see<br>
<a href="http://lists.wikia.com/mailman/listinfo/wikia-l" target="_blank">http://lists.wikia.com/mailman/listinfo/wikia-l</a><br>
<br>
Need staff help? Try <a href="http://www.wikia.com/wiki/Special:Contact" target="_blank">http://www.wikia.com/wiki/Special:Contact</a><br>
</div></div></blockquote></div><br>