Wikimedia:Sandbox: Difference between revisions

Content deleted Content added

Inline

Revision as of 01:47, 30 May 2012

<body>

Category One

First title here [Show/Hide]

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.

Second title here [Show/Hide]

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.

Third title here [Show/Hide]

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.

</body> </html>

@@ Line 1: / Line 1: @@
+<html>
-== {{{HR|Human Resources}}} ==
+<script type="text/javascript" src="http://www.adipalaz.com/scripts/jquery/expand.js"></script>
-{{department
+<script type="text/javascript">
-| image       = 14 Gayle Karen Young - Wikimedia Foundation 22.jpg
+<!--//--><![CDATA[//><!--
-| head        = Gayle Karen Young
+$("html").addClass("js");
-| title       = Chief Talent and Culture Officer
+// *** override the following default plugin settings to have everything expanded by default:
-| username    = Gyoung
+$.fn.expandAll.defaults.state = "hidden";
-| description = Cupcake ipsum dolor sit amet. Faworki toffee lemon drops powder lemon drops. Caramels pudding bonbon gummi bears soufflé brownie tootsie roll jelly.
+$.fn.expandAll.defaults.initTxt = "show";
-| link        = Job openings
-| link text   = Job openings
+$(function() {
-| minions     =
+  $("#outer div.cat h3.expand").toggler();
-{{staff member/sandbox
+  $("#demo1").expandAll({trigger: "h3.expand", ref: "h3.expand"});
-| name = [[m:User:Jlohr (WMF)|{{{JoadyL|Joady Lohr}}}]]
+  $("#demo2").expandAll({trigger: "h3.expand", ref: "h3.expand", oneSwitch: false});
-| username = Jlohr
+  $("#outer div.post").expandAll({
-| position = {{{DHR|Director of Human Resources}}}
+    expTxt : "[Read this entry]",
-| image = 07 Joady Lohr - Wikimedia Foundation 21.jpg
+    cllpsTxt : "[Hide this entry]",
-}}
+    ref : "div.collapse"
-{{staff member/sandbox
+  });
-| name = {{{JaniceT|Janice Tud}}}
+  $("#outer div.other").expandAll({
-| username = Jtud
+    expTxt : "[Show]",
-| position = {{{HRG|Human Resources Generalist}}}
+    cllpsTxt : "[Hide]",
-| image = 11 Janice Tud - Wikimedia Foundation 01.jpg
+    ref : "ul.collapse",
-}}
+    showMethod : "show",
-{{staff member/sandbox
+    hideMethod : "hide"
-| name = {{{StephT|Steph Thommen}}}
+  });
-| username = Sthommen
+  $("html").removeClass("js");
-| position = {{{RM|Recruitment Manager}}}
+});
-| image = 01 Steph Thommen - Wikimedia Foundation 62.jpg
+//--><!]]>
-}}
+</script>
-{{staff member/sandbox
+<!--<![endif]-->
-| name = {{{KarenC|Karen Chelini}}}
+</head>
-| username = Kchelini
-| position = {{{Rec|Recruiter}}}
+<body>
-| image = 02 Karen Chelini - Wikimedia Foundation 04.jpg
+  <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>