https://www.phidgets.com/docs/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.js%2FCollapseElements.js 2026-04-07T23:44:17Z Revision history for this page on the wiki MediaWiki 1.39.8 https://www.phidgets.com/docs/index.php?title=MediaWiki:Common.js/CollapseElements.js&diff=8579&oldid=prev 2011-10-31T20:17:10Z

<p>Created page with &quot;//&lt;source lang=&quot;javascript&quot;&gt; // Faster Collapsible Containers // Maintainer: <a href="/docs/index.php?title=User:Darklama&amp;action=edit&amp;redlink=1" class="new" title="User:Darklama (page does not exist)">User:Darklama</a> // images to use for hide/show states var collapse_action_hide = &#039;http://upload.w...&quot;</p> <p><b>New page</b></p><div>//&lt;source lang=&quot;javascript&quot;&gt;<br /> // Faster Collapsible Containers<br /> // Maintainer: [[User:Darklama]]<br /> <br /> // images to use for hide/show states<br /> var collapse_action_hide = &#039;http://upload.wikimedia.org/wikipedia/commons/1/10/MediaWiki_Vector_skin_action_arrow.png&#039;;<br /> var collapse_action_show = &#039;http://upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png&#039;;<br /> <br /> // toggle state of collapsible boxes<br /> function collapsible_boxes()<br /> {<br /> $(&#039;div.collapsible&#039;).each( function() {<br /> var $that = $(this), css_width = $that.css(&#039;width&#039;), attr_width = $that.attr(&#039;width&#039;);<br /> var which = $that.hasClass(&#039;selected&#039;) ? collapse_action_show : collapse_action_hide;<br /> <br /> if ( (!css_width || css_width == &#039;auto&#039;) &amp;&amp; (!attr_width || attr_width == &#039;auto&#039;) ) {<br /> $that.css(&#039;width&#039;, $that.width() );<br /> }<br /> <br /> $(this).children(&#039;.title&#039;).each( function() {<br /> $(this).prepend(&#039;&lt;span class=&quot;action&quot;&gt;&lt;a&gt;&lt;img src=&quot;&#039;+which+&#039;&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&#039;).click( function() {<br /> var which = $that.toggleClass(&#039;selected&#039;).hasClass(&#039;selected&#039;)<br /> ? collapse_action_show : collapse_action_hide;<br /> $(this).find(&#039;span.action img&#039;).attr(&#039;src&#039;, which);<br /> if ( which == collapse_action_show ) {<br /> $(this).siblings(&#039;:not(.title)&#039;).stop(true, true).fadeOut();<br /> } else {<br /> $(this).siblings(&#039;:not(.title)&#039;).stop(true, true).fadeIn();<br /> }<br /> }).click();<br /> });<br /> });<br /> <br /> $( &quot;table.collapsible&quot; ).each( function() {<br /> var $table = $(this), rows = this.rows, cell = rows.item(0).cells.item(0);<br /> var which = $table.hasClass(&#039;selected&#039;) ? collapse_action_show : collapse_action_hide;<br /> var css_width = $table.css(&#039;width&#039;), attr_width = $table.attr(&#039;width&#039;);<br /> <br /> if ( (!css_width || css_width == &#039;auto&#039;) &amp;&amp; (!attr_width || attr_width == &#039;auto&#039;) ) {<br /> $table.css(&#039;width&#039;, $table.width() );<br /> }<br /> <br /> $(cell).prepend(&#039;&lt;span class=&quot;action&quot;&gt;&lt;a&gt;&lt;img src=&quot;&#039;+which+&#039;&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&#039;);<br /> $(rows.item(0)).click( function() {<br /> var which = $table.toggleClass(&#039;selected&#039;).hasClass(&#039;selected&#039;)<br /> ? collapse_action_show : collapse_action_hide;<br /> $(cell).find(&#039;span.action img&#039;).attr(&#039;src&#039;, which);<br /> if ( which == collapse_action_show ) {<br /> $(rows).next().stop(true, true).fadeOut();<br /> } else {<br /> $(rows).next().stop(true, true).fadeIn();<br /> }<br /> }).click();<br /> });<br /> }<br /> <br /> $(document).ready( collapsible_boxes );<br /> <br /> //&lt;/source&gt;</div>

Mparadis