L1® Model 1S FAQ: Difference between revisions
mNo edit summary |
m ST moved page L1® Model 1S FAQ to L1® Model 1S FAQ |
||
| (11 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
h3 { | h3 { | ||
font-size:small; | font-size:small; | ||
font-weight: | font-weight: 500; | ||
cursor: hand; | |||
cursor: pointer; | |||
color: #405D6B; | |||
} | } | ||
h3.closed: | h3.closed:before{ | ||
display: inline-block; | display: inline-block; | ||
content: ""; | content: "+"; | ||
width: 16px; | width: 16px; | ||
height: 16px; | 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: 16px; | width: 16px; | ||
height: 16px; | height: 16px; | ||
margin-left: | margin-left:5px; | ||
mouse: pointer; | mouse: pointer; | ||
vertical-align:text-top; | vertical-align:text-top; | ||
} | } | ||
</style> | </style> | ||
| Line 35: | Line 35: | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$("#hideAll").prop("disabled", true); | |||
// hide all sub details. | // hide all sub details. | ||
| Line 52: | Line 53: | ||
$("h3").addClass("open") | $("h3").addClass("open") | ||
.next().show(); | .next().show(); | ||
$("#hideAll"). | $(this).prop("disabled", true) | ||
$("#hideAll").prop("disabled",false); | |||
}); | }); | ||
$("#hideAll").click(function(event){ | $("#hideAll").click(function(event){ | ||
$("h3").addClass("closed") | $("h3").addClass("closed") | ||
.next().hide(); | .next().hide(); | ||
$("#showAll"). | $(this).prop("disabled",true) | ||
$("#showAll").prop("disabled", false); | |||
}); | }); | ||
| Line 69: | Line 72: | ||
</script> | </script> | ||
<div id="page_content"> | <div id="page_content"> | ||
<button id="showAll">Show All</button><button id="hideAll">Hide All</button> | <button id="showAll">Show All</button><button id="hideAll">Hide All</button> | ||
<div class="faq" id="tree_view"> | <div class="faq" id="tree_view"> | ||