Team:University College London/js/labbookjs

From 2012.igem.org

(Difference between revisions)

Revision as of 10:34, 1 August 2012

$(document).ready(function(){

// set up arrows. var left=330; while(left < 380){

$('.experiment').append('

');

     left = left+38;

} var left=585; while(left < 650){

$('.experiment').append('

');

     left = left+38;

}

$('.experiment').append('

show details

'); $('.protocol').append('

');

$('.experiment').click(function() { if($(this).prev().is(':hidden') == true) { $(this).removeClass('experiment').addClass('experimenton');

                       $(this).find('.arrowlabel').text("hide details");
                       $(this).prev().slideDown('normal');

}else{

                        $(this).addClass('experiment').removeClass('experimenton');
                       $(this).find('.arrowlabel').text("show details");
        	        $(this).prev().slideUp('normal');

} });

$('.protocol').click(function() {

$('.protocol').removeClass('on'); $('.protocolContent').slideUp('normal');

if($(this).next().is(':hidden') == true) { $(this).addClass('on'); $(this).next().slideDown('normal'); }

});

@@ Line 15: / Line 15: @@
 $('.experiment').append('<div class="arrowlabel">show details</div>');
-$('.protocol').append('<div class="arrowinline"></div>');
+$('.protocol').append('<div class="arrow"></div>');
 $('.experiment').click(function() {