Difference between revisions of "Team:Tianjin/js/navigation"
| Line 3: | Line 3: | ||
/*navhide();*/ | /*navhide();*/ | ||
panel(); | panel(); | ||
| + | member(); | ||
}); | }); | ||
function dropdownOpen() { | function dropdownOpen() { | ||
| Line 27: | Line 28: | ||
$(".panel-bottom").click(function(e) {if( $(this).hasClass("panel-show") ){$(this).removeClass("panel-show");}else{$(this).addClass("panel-show");}}); | $(".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");}}); | $(".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");
}
);
})
}