顯示一個DIV，並關閉所有其他

Question

比方說，我有3 differentboxen：

<div id="1" class="box" style="visibility:visible"><p>Box 1</p></div> 
<div id="2" class="box" style="visibility:hidden"><p>Box 2</p></div> 
<div id="3" class="box" style="visibility:hidden"><p>Box 3</p></div> 

我怎樣才能使3個不同的鏈接的JavaScript關閉所有Boxen有（類=框）和觀看盒我選擇了鏈接（id =「x」）？

Answer 1

我認爲這可以幫助你：http://jsfiddle.net/UyTsm/

(function($){ 
    $('.link').click(function(){ 
    var id = $(this).attr('data-id'); 
    $('``.box').hide(); 
    $('#'+id).show(); 

    }); 

})(jQuery);