javascript - 显示一个 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);