function tapblock(){ var blocks = $('#center .block2'); var lie_a = $('#center ul li .collapse_a'); var collapse_elem = null; var show = false; var zoom = $('.view_zoom .bigimg'); var h = w = 0; var zoom_el = null; var boxshadow = $('#boxshadow'); var box = $('#box'); var imgloader = $('#imgloader'); var boximg = $('#boximg'); var wrap = $('.wrapper'); blocks.each(function (){ $(this).next().css('display', 'none'); }); lie_a.each(function (){ $(this).next().css('display', 'none'); }); blocks.click(function (){ if(show){ if(collapse_elem == blocks.index(this)){ blocks.eq(collapse_elem).toggleClass('block_tap').next('.collapsible').toggle('blind'); show = false; } else { blocks.eq(collapse_elem).toggleClass('block_tap').next('.collapsible').toggle('blind'); $(this).toggleClass('block_tap').next('.collapsible').toggle('blind'); collapse_elem = blocks.index(this); show = true; } } else { $(this).toggleClass('block_tap').next('.collapsible').toggle('blind'); collapse_elem = blocks.index(this); show = true; } }); lie_a.click(function (){ $(this).toggleClass('blueback').next().toggle('blind'); }); $(window).bind("resize", function(){ boxshadow.css({ width: $(window).width() }); box.css('left', (wrap.width()/2) - (box.width()/2)); }); $(window).resize(); if(zoom.length){ zoom.click(function(){ zoom_el = $(this); boxshadow.css('display', 'block'); boxshadow.animate({opacity: 0.4}, 200, function (){ var x = wrap.width()/2 - box.width()/2; var y = $(window).scrollTop() + 100; box.css({ left: x, top: y, display: 'block' }); imgloader.css('display', 'block'); boximg.attr('src', zoom_el.attr('href')); boximg.load(function(){ x = wrap.width()/2 - $(this).width()/2; box.css({ left: x, width: boximg.width(), height: boximg.height() }); imgloader.css('display', 'none'); boximg.css('visibility', 'visible'); }); }); return false; }); } $('#close').add(boxshadow).click(function (){ hideBox(); }); function hideBox(){ box.css({ width: 200 + 'px', height: 200 + 'px', display: 'none' }); boximg.css('visibility', 'hidden'); boxshadow.animate({opacity: 0}, 200, function (){ boxshadow.css('display', 'none'); }); } }