L1® Model 1S FAQ: Difference between revisions
mNo edit summary |
m ST moved page L1® Model 1S FAQ to L1® Model 1S FAQ |
||
| (14 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
<!--{{Bose Stylesheet}}{{JQuery TreeView}}--> | <!--{{Bose Stylesheet}}{{JQuery TreeView}}--> | ||
<html> | <html> | ||
<style> | <style> | ||
h3 { | |||
h3.closed: | font-size:small; | ||
font-weight: 500; | |||
cursor: hand; | |||
cursor: pointer; | |||
color: #405D6B; | |||
} | |||
h3.closed:before{ | |||
display: inline-block; | display: inline-block; | ||
content: ""; | content: "+"; | ||
width: | width: 16px; | ||
height: | height: 16px; | ||
margin-left: | margin-left:5px; | ||
vertical-align:text-top; | vertical-align:text-top; | ||
} | } | ||
h3.open: | h3.open:before{ | ||
display: inline-block; | display: inline-block; | ||
content: ""; | content: "-"; | ||
width: | width: 16px; | ||
height: | height: 16px; | ||
margin-left: | margin-left:5px; | ||
mouse: pointer; | |||
vertical-align:text-top; | vertical-align:text-top; | ||
} | } | ||
</style> | |||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$("#hideAll").prop("disabled", true); | |||
// hide all sub details. | // hide all sub details. | ||
| Line 40: | Line 50: | ||
$(this).toggleClass("open"); | $(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); | |||
}); | |||
}); | }); | ||
| Line 55: | Line 72: | ||
</script> | </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"> | ||