Difference between revisions of "Team:Northwestern/test"

 
Line 22: Line 22:
  
 
<script>  
 
<script>  
 +
 +
 
$(document).ready(function () {
 
$(document).ready(function () {
 
     var parentDivs = $('#nestedAccordion div'),
 
     var parentDivs = $('#nestedAccordion div'),
−
         childDivs = $('#nestedAccordion h3').siblings('div'),
+
         childDivs = $('#nestedAccordion h3').siblings('div');
−
        h2Event,
+
−
        h2Temp,
+
−
        h3Event,
+
−
        h3Temp,
+
−
        sensitivity = 400;
+
  
−
     $('#nestedAccordion h2').mouseenter(function () {
+
     $('#nestedAccordion h2').click(function () {
−
        h2Temp = $(this);
+
 
         parentDivs.slideUp();
 
         parentDivs.slideUp();
−
         h2Event = setTimeout(function () {
+
         if ($(this).next().is(':hidden')) {
−
             dropDown(h2Temp);
+
             $(this).next().slideDown();
−
         }, sensitivity);
+
         } else {
 +
            $(this).next().slideUp();
 +
        }
 
     });
 
     });
  
−
     $('#nestedAccordion h3').mouseenter(function () {
+
     $('#nestedAccordion h3').click(function () {
−
        h3Temp = $(this);
+
 
         childDivs.slideUp();
 
         childDivs.slideUp();
−
         h3Event = setTimeout(function () {
+
         if ($(this).next().is(':hidden')) {
−
             dropDown(h3Temp);
+
             $(this).next().slideDown();
−
         }, sensitivity);
+
         } else {
 +
            $(this).next().slideUp();
 +
        }
 
     });
 
     });
 +
});
  
−
    //prevents accordion actions from queueing
+
$('#expand').click(function () {
−
    $('#nestedAccordion h2').mouseleave(function () {
+
    parentDivs.slideDown();
−
        clearTimeout(h2Event);
+
     childDivs.slideDown();
−
     });
+
    return false
 +
});
  
−
    //prevents accordion actions from queueing
+
$('#collapse').click(function () {
−
    $('#nestedAccordion h3').mouseleave(function () {
+
    parentDivs.slideUp();
−
        clearTimeout(h3Event);
+
     childDivs.slideUp();
−
     });
+
    return false
 
});
 
});
  
−
//logic for the accordion effect
+
</script>  
−
function dropDown(selector) {
+
−
    if (selector.next().is(':hidden')) {
+
−
        selector.next().slideDown();
+
−
    } else {
+
−
        selector.next().slideUp();
+
−
    }
+
−
}</script>  
+
  
 
</html>
 
</html>

Latest revision as of 18:05, 28 August 2017


Parent 1

Child 1

Sub 1

Child 2

Sub 2

Parent 2

Child 1

Sub 1