Jquery隐藏/显示元素

Question

我正在尝试在javascript中执行this但更优化并使用切换功能正常工作！

我的js代码：

$(document).ready(function() {
    $('a.details').click(function(e){
        var id= '';
        $('a.details').each(function() {
            id = $(this).attr('href');
            $('#'+id).hide();
        });
        $(this).addClass('active');
        id = $(this).attr('href');
        $('#'+id).toggle();
        e.preventDefault();
   });
});

Answer 1

糟糕的做事方式。而是看看这个：

http://jsfiddle.net/xzpkq/

也许你会受到启发以产生更好的代码

Answer 2

这是我对此的看法，除非在行的ID中添加t，否则不更改html

http://jsfiddle.net/mplungjan/Rfn8z/

欢迎评论（特别是，如果投票失败）

$(document).ready(function() {
  $('a.details').each(function() {
    var tr = $("#t"+parseInt($(this).html()));
    var link = this;
    $(this).toggle(
      function(e){tr.show(); $(this).addClass('active');   e.preventDefault();},
      function(e){tr.hide(); $(this).removeClass('active');e.preventDefault();}
    );
  });
});