Difference between revisions of "Team:Tianjin/js/navigation"

Line 1: Line 1:
 
$(document).ready(function(){
 
$(document).ready(function(){
 
     dropdownOpen();
 
     dropdownOpen();
  /* navhide();*/
+
    /*navhide();*/
 +
    panel();
 
});
 
});
 
function dropdownOpen() {
 
function dropdownOpen() {
Line 12: Line 13:
 
         $(this).removeClass('open');
 
         $(this).removeClass('open');
 
     });
 
     });
 +
}
 +
 +
/*function navhide(){
 +
    var $navhideul = $('li.dropdown');
 +
    var $navul = $('nav.navbar');
 +
    $navhideul.mouseover(function(){
 +
        $navul.css({"height":"100%","opacity":"0.8"});
 +
    }).mouseout(function(){
 +
        $navul.css({"height":"","opacity":"1"});
 +
    })
 +
}*/
 +
function panel(){
 +
    $(".panel-bottom").click(function(e) {if( $(this).hasClass("panel-show") ){$(this).removeClass("panel-show");}else{$(this).addClass("panel-show");}});
 +
    $(".pan-heading").click(function(e) {if( $(this).hasClass("deep") ){$(this).removeClass("deep");}else{$(this).addClass("deep");}});
 
}
 
}

Revision as of 10:59, 13 October 2018

$(document).ready(function(){

   dropdownOpen();
   /*navhide();*/
   panel();

}); function dropdownOpen() {

   var $dropdownLi = $('li.dropdown');

   $dropdownLi.mouseover(function() {
       $(this).addClass('open');
   }).mouseout(function() {
       $(this).removeClass('open');
   });

}

/*function navhide(){

   var $navhideul = $('li.dropdown');
   var $navul = $('nav.navbar');
   $navhideul.mouseover(function(){
       $navul.css({"height":"100%","opacity":"0.8"});
   }).mouseout(function(){
       $navul.css({"height":"","opacity":"1"});
   })

}*/ function panel(){

   $(".panel-bottom").click(function(e) {if( $(this).hasClass("panel-show") ){$(this).removeClass("panel-show");}else{$(this).addClass("panel-show");}});
   $(".pan-heading").click(function(e) {if( $(this).hasClass("deep") ){$(this).removeClass("deep");}else{$(this).addClass("deep");}});

}