Нажмите, чтобы показать один и скрыть другие - переключение jQuery

Question

Нажмите, чтобы показать один и скрыть другие - переключение jQuery

0

У меня есть карусель, где при нажатии я пытаюсь показать содержимое в одном элементе, но скрываю все остальные.

Функция работает только пропорционально. Когда я нажимаю на другой элемент, он скрывает все остальные. Но когда я нажимаю на открытый предмет, он прячет его и показывает сразу после. Я хочу, чтобы этот элемент спрятался при втором щелчке, если это возможно?

 var dd = $(".last-line");
 $(".image").click(function(e) {
 e.preventDefault();
 e.stopPropagation();
 dd.slideUp();
 $(this).next().next().slideDown();
 });

 $(document).click(function() {
 dd.slideUp();
 });

dd.click(function(e) {
e.stopPropagation();
});

Вот моя скрипка.

Спасибо всем за вашу помощь заранее.

Dom 09 март 2014, в 01:01

Источник

Теги:

jquery

toggle

slidetoggle

1 ответ

Ещё вопросы

adeneo · Accepted Answer · 2014-03-08T22-20-00.000Z

Обычно вы делаете что-то большее

$(".image").click(function (e) {
    if (e.target == this) {
        var that = $(this).siblings('.last-line');
        $(".last-line").not(that).slideUp();
        that.slideToggle();
    }
});

FIDDLE

Это работает как шарм, но всякий раз, когда я ставлю изображение вместо него, перестает работать. Извините, я не осознавал, что это будет иметь значение. Я обновил Скрипку. большое спасибо
Изображение не должно иметь никакого значения -> jsfiddle.net/3DzPF/4
Если вы не разместите изображение внутри DIV, оно не будет работать, но тогда вы можете сделать это -> jsfiddle.net/3DzPF/5