Team:University College London/js/labbookjs

From 2012.igem.org

(Difference between revisions)
Line 13: Line 13:
}
}
-
$('.experiment').append('<div class="arrowlabel">more details...</div>');
+
$('.experiment').append('<div class="arrowlabel">show details</div>');
$('.experiment').click(function() {
$('.experiment').click(function() {

Revision as of 15:06, 31 July 2012

$(document).ready(function(){

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

$('.experiment').append('
');
     left = left+38;

} var left=600; while(left < 980){

$('.experiment').append('
');
     left = left+38;

}

$('.experiment').append('
show details
');

$('.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'); 

} });


});