Как сделать чтобы при клике открывался скрытый div?

Question

[vetaliy_net]

Доброго времени суток! Как сделать чтобы при клике открывался скрытый div, а предыдущий прятался ? Так реализовано на данном сайте: barbecue-black.ru при клике пройти тест

Answer 1

[artem78]

https://jsfiddle.net/crazzzy/y1v0so3w/

Comments

[vetaliy_net]

Спасибо огромное!)

[vetaliy_net]

А можно чтобы когда div'и кончались кнопка тоже скрывалась ?

[artem78]

Без проблем. Добавьте в конец:

if ($next.length == 0) {
	$(this).hide();
}

https://jsfiddle.net/crazzzy/y1v0so3w/1/

[vetaliy_net]

artem78: Извините ещё такой вопрос, почему когда button находиться внутри div, после 2 div'а все перестает работать ?
https://jsfiddle.net/k9c5zux7/

[artem78]

А зачем добавлять одинаковую кнопку в каждый div? Не лучше ли её расположить один раз в конце, как было в моём варианте?

[artem78]

В вашем случае каждая кнопка имеет одинаковый id, но он должен быть всегда уникальный. Можно заменит его на класс и тогда будет работать.

https://jsfiddle.net/crazzzy/k9c5zux7/1/

Answer 2

[Сергей]

$("button").click(function(){
    $("div.raz").hide();
    $("div.dva").show();
});