显示一个div并关闭所有其他div

Question

让我们说我有3个不同的盒子：

<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（class = box）并查看我在链接中选择的框（id =“x”）？

Answer 1

我认为这可能会对您有所帮助：http://jsfiddle.net/UyTsm/

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

   });

})(jQuery);