Wikimedia:Sandbox: Difference between revisions
Content deleted Content added
+test code |
m Testing T338023 |
||
| (126 intermediate revisions by 9 users not shown) | |||
| Line 1: | Line 1: | ||
foo |
|||
<html> |
|||
<script type="text/javascript" src="http://www.adipalaz.com/scripts/jquery/expand.js"></script> |
|||
<script type="text/javascript"> |
|||
<!--//--><![CDATA[//><!-- |
|||
$("html").addClass("js"); |
|||
// *** override the following default plugin settings to have everything expanded by default: |
|||
$.fn.expandAll.defaults.state = "hidden"; |
|||
$.fn.expandAll.defaults.initTxt = "show"; |
|||
$(function() { |
|||
$("#outer div.cat h3.expand").toggler(); |
|||
$("#demo1").expandAll({trigger: "h3.expand", ref: "h3.expand"}); |
|||
$("#demo2").expandAll({trigger: "h3.expand", ref: "h3.expand", oneSwitch: false}); |
|||
$("#outer div.post").expandAll({ |
|||
expTxt : "[Read this entry]", |
|||
cllpsTxt : "[Hide this entry]", |
|||
ref : "div.collapse" |
|||
}); |
|||
$("#outer div.other").expandAll({ |
|||
expTxt : "[Show]", |
|||
cllpsTxt : "[Hide]", |
|||
ref : "ul.collapse", |
|||
showMethod : "show", |
|||
hideMethod : "hide" |
|||
}); |
|||
$("html").removeClass("js"); |
|||
}); |
|||
//--><!]]> |
|||
</script> |
|||
<!--<![endif]--> |
|||
</head> |
|||
<body> |
|||
<div id="wrapper"> |
|||
<div id="content"> |
|||
<!-- *** DEMO *** --> |
|||
<div id="outer"> |
|||
<div id="demo1" class="demo cat"> |
|||
<h2>Category One</h2> |
|||
<h3 class="expand">First title here [Show/Hide]</h3> |
|||
<div class="collapse"> |
|||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore |
|||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip |
|||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore |
|||
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa |
|||
qui officia deserunt mollit anim id est laborum.</p> |
|||
</div> |
|||
<h3 class="expand">Second title here [Show/Hide]</h3> |
|||
<div class="collapse"> |
|||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore |
|||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip |
|||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore |
|||
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa |
|||
qui officia deserunt mollit anim id est laborum.</p> |
|||
</div> |
|||
<h3 class="expand">Third title here [Show/Hide]</h3> |
|||
<div class="collapse"> |
|||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore |
|||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip |
|||
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore |
|||
eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa |
|||
qui officia deserunt mollit anim id est laborum.</p> |
|||
</div> |
|||
</div> |
|||
</div><!-- end #outer --> |
|||
<!-- *** /DEMO *** --> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
Latest revision as of 15:08, 3 June 2023
foo