Difference between revisions of "Template:2016Demo bottom"

 
(15 intermediate revisions by the same user not shown)
Line 138: Line 138:
 
$(".switch_Menus").html(" ▶ ");   
 
$(".switch_Menus").html(" ▶ ");   
 
                                         whichPageMenu( "https://2015.igem.org/Menu/DemoSafety #MainPage_menu" );  
 
                                         whichPageMenu( "https://2015.igem.org/Menu/DemoSafety #MainPage_menu" );  
 +
 
}
 
}
  
Line 180: Line 181:
  
  
 
 
 
 
 
// THIS IS A TEST
 
// HIDE OR SHOW MENU
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
 
$(".hide_button").click(function() {
 
testing();
 
});
 
 
var testing_ifopen = false;
 
 
function testing() {
 
 
if (testing_ifopen == false) {
 
$(".sideMenu").hide();
 
testing_ifopen  = true ;
 
}
 
 
// to close
 
else {
 
$(".sideMenu").show();
 
testing_ifopen = false ;
 
}
 
}
 
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
 
 
 
 
 
 
 
// IMAGE SLIDER
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
 
$(function () {
 
   
 
    /* SET PARAMETERS */
 
    var change_img_time = 6000;
 
    var transition_speed = 500;
 
   
 
    var simple_slideshow = $("#slider"),
 
        listItems = simple_slideshow.children('li'),
 
        listLen = listItems.length,
 
        i = 0,
 
 
        changeList = function () {
 
 
listItems.eq(i).fadeOut(transition_speed, function () {
 
i += 1;
 
if (i === listLen) {
 
i = 0;
 
}
 
listItems.eq(i).fadeIn(transition_speed);
 
});
 
 
        };
 
 
    listItems.not(':first').hide();
 
    setInterval(changeList, change_img_time);
 
 
});
 
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
 
 
 
 
 
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
jQuery(".click_expand").css("cursor", "pointer").click(function(event) {
 
event.preventDefault();
 
jQuery(this).next("div").slideToggle();
 
}).next("div").hide();
 
 
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
  
  
Line 325: Line 239:
  
  
 +
 +
// CLICK_OPEN =  EXPAND OR COLLAPSE CONTENT
 +
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
$(".click_open").click(function() {
 +
 +
//if the content is hidden, show it
 +
if ( $('.click_content:visible').length == 0) {
 +
$(".click_content").show();
 +
$(".click_icon").html("▶");
 +
$(".click_open").css("background-color", "#ffffff");
 +
}
 +
 +
else {
 +
$(".click_content").hide();
 +
$(".click_icon").html("▼");
 +
$(".click_open").css("background-color", "#f2f2f2");
 +
}
 +
 +
});
 +
 +
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
  

Latest revision as of 17:40, 30 November 2015