L1® Model 1S FAQ: Difference between revisions
mNo edit summary |
m ST moved page L1® Model 1S FAQ to L1® Model 1S FAQ |
||
| (23 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{JQuery}}{{Bose Stylesheet}} | {{JQuery}} | ||
<!--{{Bose Stylesheet}}{{JQuery TreeView}}--> | |||
<html> | <html> | ||
<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"> | <div id="page_content"> | ||
< | <button id="showAll">Show All</button><button id="hideAll">Hide All</button> | ||
<div class="faq" id="tree_view"> | <div class="faq" id="tree_view"> | ||
<div class="tree"> | <div class="tree"> | ||