L1® Model 1S FAQ: Difference between revisions

← Older edit

VisualWikitext

@@ Line 1: / Line 1: @@
 {{JQuery}}
+<!--{{Bose Stylesheet}}{{JQuery TreeView}}-->
 <html>
-<div id="page_content">
-<div id="page_content">
+<style>
+h3 {
+font-size:small;
+font-weight: 500;
+cursor: hand;
+cursor: pointer;
+color: 	#405D6B;
+}
+h3.closed:before{
+    display: inline-block;
+    content: "+";
+    width: 16px;
+    height: 16px;
+    margin-left:5px;
+    vertical-align:text-top;
+}
+h3.open:before{
+    display: inline-block;
+    content: "-";
+    width: 16px;
+    height: 16px;
+    margin-left:5px;
+    mouse: pointer;
+    vertical-align:text-top;
+}
+</style>
+<script>
+$(document).ready(function(){
+$("#hideAll").prop("disabled", true);
+// hide all sub details.
+    $("h3").addClass("closed")
+.next().hide();
+    $("h3").click(function () {
+        if ($(this).next().is(":visible")) {
+        } else {
+         //   $(this).html("Less");
+        }
+        $(this).next().toggle("fast");
+        $(this).toggleClass("open");
+    });
+$("#showAll").click(function(event){
+    $("h3").addClass("open")
+    .next().show();
+    $(this).prop("disabled", true)
+    $("#hideAll").prop("disabled",false);
+});
+$("#hideAll").click(function(event){
+    $("h3").addClass("closed")
+    .next().hide();
+    $(this).prop("disabled",true)
+    $("#showAll").prop("disabled", false);
+});
+});
+</script>
+<div id="page_content">
-                        <h2>FAQ </h2>
+<button id="showAll">Show All</button><button id="hideAll">Hide All</button>
 <div class="faq" id="tree_view">
 <div class="tree">