Jquery скрыть / показать элементы

Question

Я пытаюсь сделать это в javascript, но более оптимизировано и работает функция переключения!

Мой код 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

Вот мой взгляд на это БЕЗ изменения html, за исключением добавления t к идентификатору строк

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();}
    );
  });
});

Answer 2

Ужасный способ делать вещи.Вместо этого взгляните на это:

http://jsfiddle.net/xzpkq/

Возможно, вы будете вдохновлены на создание лучшего кода