jQuery toggle - показать только один div

Question

Я являюсь абсолютным новичком в javascript и jQuery, пытаясь учиться. У меня есть несколько таблиц, которые переключаются с этим JQuery:

$(document).ready(function() { 
    $('th').click(function() { 
     $(this).parents('table').find('td').slideToggle("fast"); 
    }); 
}); 

Я хотел бы показать только одну таблицу, в то время, так что если вы покажете первую таблицу, а затем показать другим, первый один закрывает. Я был бы очень благодарен за любые рекомендации. Полный код здесь: http://jsfiddle.net/qHGDF/1/

Answer 1

Вам необходимо скрыть те, которые открыты, один из способов сделать это, чтобы найти все ТД, которые не один, который должен быть показан и запустить slideUp(): http://jsfiddle.net/qHGDF/4/

$('th').click(function() { 
    var thetd = $(this).parents('table').find('td'); 
    $('table td').not(thetd).slideUp("fast"); 
    $(thetd).slideToggle("fast"); 
}); 

Answer 2

Попробуйте

$('th').click(function() { 
    $(".datagrid").children("table").find("td").slideUp(); 
    $(this).parents('table').find('td').slideToggle("fast"); 
    }); 

Answer 3

Вы всегда можете скользить вверх все другие ТД

$(document).ready(function() { 
    $('th').click(function() { 
     $("td").slideUp("fast"); 
     $(this).parents('table').find('td').slideToggle("fast"); 
    }); 
}); 

Answer 4

для того, чтобы сделать это, вам нужно, чтобы скрыть все ТДС первый

var $ = jQuery.noConflict(true); 
     $('th').click(function() { 
      $('table td').hide(300); 
      $(this).parents('table').find('td').slideToggle("fast"); 
     }); 

fiddle

Answer 5

Если вы» будет иметь слишком много записей ваших таблиц, а также в целях оптимизации на рендеринге, слайда<tbody> элемента вместо <td>

Answer 6

Вы можете попробовать это: http://jsfiddle.net/5hDVS/

$(document).on('click','div.datagrid',function() { 
    $('table td',this).slideToggle("fast"); 
    $('td',$(this).siblings('div.datagrid')).slideUp('fast'); 
});