Скрыть другие дивы при открытие другого?

Question

[gotohell]

Всем привет! В общем есть код на jquery, на данный момент он работает так:

$(document).ready(function(){
  $(".tab-infa").hide();
  $("h3.but-inf").click(function(e){
     $(e.target).parent().children("div.tab-infa").slideToggle(300)  
    });
});

Он отображает скрытые элементы по клику. Мне нужно что бы он работал следующим образом:
При нажатии на кнопку он отображал и скрывал автоматический другие дивы.
Не могу правильно сформулировать вам вопрос!

Ссылка на скрипт

Answer 1

[Николай]

$(document).ready(function(){
  $(".tab-infa").hide();
  $("h3.but-inf").click(function(e){
    $("div.tab-infa").slideUp(300);
     $(e.target).parent().children("div.tab-infa").slideToggle(300)  
    });
});

Comments

[gotohell]

Большое спасибо!

[Николай]

gotohell: наздоровье)
Если у вас останется такой стиль разметки, есть смысл делать так

[gotohell]

Николай: Спасибо, у меня другой вопрос?! Допустим я нажимаю на одну кнопку она отображает, нажимаю на эту же она не скрывает. Можно сделать так что бы она её скрывала? Буду при очень благодарен!

[Николай]

gotohell:

Если у вас останется такой стиль разметки, есть смысл делать так

Answer 2

[afishr]

$(document).ready(function() {  
  $("h3.but-inf").click(function(e) {
    $(e.target).parent().siblings().children(".tab-infa").hide();
    $(e.target).siblings(".tab-infa").slideToggle(300);
  });
});

Source Code

UPD: Кнопка скрывается обратно

Comments

[gotohell]

Спасибо! То что нужно!

[afishr]

gotohell: И кстати, на будущее: эта фича называется Аккордеон

Answer 3

[Максим Е]

Используйте this
Скрывайте все div.tab-infa, а потом отображайте this

Comments

[gotohell]

Не могли бы вы показать как это делается?

[Максим Е]

gotohell: за готовым кодом можно на ФРИЛАНСИМ обратиться