L1® Model 1S FAQ: Difference between revisions

mNo edit summary
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{JQuery}}{{Bose Stylesheet}}
{{JQuery}}
<!--{{Bose Stylesheet}}{{JQuery TreeView}}-->
<!--{{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>
<script>
$(document).ready(function(){
$(document).ready(function(){
$("#hideAll").prop("disabled", true);


// hide all sub details.
// hide all sub details.
     $("h3").next().hide();
 
     $("h3").addClass("closed")
.next().hide();


     $("h3").click(function () {
     $("h3").click(function () {
Line 14: Line 48:
         }
         }
         $(this).next().toggle("fast");
         $(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);
});




/*
$("#tree_view").treeview({
persist: "location",
collapsed: true,
unique: true
});


*/
});
});


Line 30: Line 72:
</script>
</script>
<div id="page_content">
<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="faq" id="tree_view">
<div class="tree">
<div class="tree">