"
Team:UNITN-Trento/JS/Protocols
From 2013.igem.org
(Created page with "$(document).ready(function() { - →Protocol Spoiler: $(".tn-spoiler-protocol div").not(".tn-spoiler").slideUp(); //Reset first spoiler link default $(".tn-spoiler-protocol > a...") |
|||
| (11 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| + | |||
$(document).ready(function() { | $(document).ready(function() { | ||
| + | |||
/*Protocol Spoiler*/ | /*Protocol Spoiler*/ | ||
$(".tn-spoiler-protocol div").not(".tn-spoiler").slideUp(); | $(".tn-spoiler-protocol div").not(".tn-spoiler").slideUp(); | ||
| + | |||
//Reset first spoiler link default | //Reset first spoiler link default | ||
$(".tn-spoiler-protocol > a").each(function() { | $(".tn-spoiler-protocol > a").each(function() { | ||
var al = $(this); | var al = $(this); | ||
| + | //Modify click event of each ProtocolSpoiler link | ||
al.click(function(e) { | al.click(function(e) { | ||
| - | |||
if(al.parent().hasClass("tn-spoiler-protocol-active")) { | if(al.parent().hasClass("tn-spoiler-protocol-active")) { | ||
| + | e.preventDefault(); | ||
| + | //Remove the 'active' status | ||
$(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); | $(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); | ||
| + | //Slide up all 'non-active' PS | ||
$(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); | $(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); | ||
} else { | } else { | ||
| + | |||
| + | //Remove the 'active' status | ||
$(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); | $(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); | ||
| + | //Add the 'active' status to the current link parent | ||
al.parent().addClass("tn-spoiler-protocol-active"); | al.parent().addClass("tn-spoiler-protocol-active"); | ||
| + | //Close all 'non-active' PS | ||
$(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); | $(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); | ||
| - | $(".tn-spoiler-protocol-active").children("div"). | + | //Open active PS |
| - | + | $(".tn-spoiler-protocol-active").children("div").slideDown(); | |
| - | + | ||
} | } | ||
}); | }); | ||
| Line 24: | Line 33: | ||
if (document.location.hash != "") { | if (document.location.hash != "") { | ||
$(".tn-spoiler-protocol > a").each(function() { | $(".tn-spoiler-protocol > a").each(function() { | ||
| + | //Select the PS based on the hash | ||
if ($(this).attr("href") == document.location.hash) { | if ($(this).attr("href") == document.location.hash) { | ||
| + | //Remove the 'active' status | ||
$(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); | $(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); | ||
| + | //Add the 'active' status to the current link parent | ||
$(this).parent().addClass("tn-spoiler-protocol-active"); | $(this).parent().addClass("tn-spoiler-protocol-active"); | ||
| + | //Close all 'non-active' PS | ||
$(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); | $(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); | ||
| - | $(".tn-spoiler-protocol-active").children("div"). | + | //Open active PS |
| - | + | $(".tn-spoiler-protocol-active").children("div").slideDown(); | |
| - | + | ||
} | } | ||
}); | }); | ||
} | } | ||
}); | }); | ||
Latest revision as of 16:38, 8 July 2013
$(document).ready(function() {
/*Protocol Spoiler*/ $(".tn-spoiler-protocol div").not(".tn-spoiler").slideUp();
//Reset first spoiler link default $(".tn-spoiler-protocol > a").each(function() { var al = $(this); //Modify click event of each ProtocolSpoiler link al.click(function(e) { if(al.parent().hasClass("tn-spoiler-protocol-active")) { e.preventDefault(); //Remove the 'active' status $(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); //Slide up all 'non-active' PS $(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); } else {
//Remove the 'active' status $(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); //Add the 'active' status to the current link parent al.parent().addClass("tn-spoiler-protocol-active"); //Close all 'non-active' PS $(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); //Open active PS $(".tn-spoiler-protocol-active").children("div").slideDown(); } }); });
//Open spoiler based on Hash (at page request) if (document.location.hash != "") { $(".tn-spoiler-protocol > a").each(function() { //Select the PS based on the hash if ($(this).attr("href") == document.location.hash) { //Remove the 'active' status $(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); //Add the 'active' status to the current link parent $(this).parent().addClass("tn-spoiler-protocol-active"); //Close all 'non-active' PS $(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); //Open active PS $(".tn-spoiler-protocol-active").children("div").slideDown(); } }); } });
