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

 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
$(document).ready(function(){
 
$(document).ready(function(){
 
     dropdownOpen();
 
     dropdownOpen();
−
     navhide();
+
     /*navhide();*/
 +
    panel();
 +
    member();
 
});
 
});
 
function dropdownOpen() {
 
function dropdownOpen() {
Line 14: Line 16:
 
}
 
}
  
−
function navhide(){
+
/*function navhide(){
 
     var $navhideul = $('li.dropdown');
 
     var $navhideul = $('li.dropdown');
 
     var $navul = $('nav.navbar');
 
     var $navul = $('nav.navbar');
Line 21: Line 23:
 
     }).mouseout(function(){
 
     }).mouseout(function(){
 
         $navul.css({"height":"","opacity":"1"});
 
         $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");}});
 +
}
 +
function member(){
 +
    $(".people").each(function(){
 +
        $(this).mouseover(function(){
 +
            $(this).addClass("show");
 +
        }).mouseout(function(){
 +
            $(this).removeClass("show");
 +
        }
 +
        );
 
     })
 
     })
 
}
 
}

Latest revision as of 13:31, 15 October 2018

$(document).ready(function(){ 

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

}); 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");}});

} function member(){ 

   $(".people").each(function(){
       $(this).mouseover(function(){
           $(this).addClass("show");
        }).mouseout(function(){
           $(this).removeClass("show");
       }
       );
   })

}