Line 41: | Line 41: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
+ | |||
+ | for( var i = 1; i < 11; i++){ | ||
+ | $('#public-btn-' + i).click( toggleContainer(i) ); | ||
+ | } | ||
$('.top').on('click', function(){ | $('.top').on('click', function(){ | ||
Line 48: | Line 52: | ||
}); | }); | ||
− | + | function toggleContainer(i){ | |
return function(){ | return function(){ | ||
− | + | if($('#public-'+i).is(":visible")){ | |
− | if{ | + | $('#public-'+i).slideToggle(500); |
+ | } | ||
+ | else{ | ||
$('.img-container:visible').slideToggle(500); | $('.img-container:visible').slideToggle(500); | ||
$('#public-'+i).slideToggle(500); | $('#public-'+i).slideToggle(500); | ||
Line 58: | Line 64: | ||
$('.main-content').css('min-height','200vh') | $('.main-content').css('min-height','200vh') | ||
} | } | ||
+ | } | ||
</script> | </script> | ||
</html> | </html> |
Revision as of 18:33, 29 October 2017