Как отредактировать этот код для отображения только одного div? Jquery

Question

Как отредактировать этот код для отображения только одного div? Jquery

0

Как отредактировать этот код, чтобы сделать, когда я нажимаю, например, # pizza-show, предыдущий выбранный слайд выйдет наружу? Теперь, когда я нажимаю на каждые 4 функции, я могу видеть все 4 слайда, но мне нужно всегда использовать только один слайд. Хоп, я объяснил это.

<script>
$(document).ready(function(){
  $("#hamburgery-show").click(function(){
    $("#hamburgery").slideToggle();
  });
   $("#pizza-show").click(function(){
    $("#pizzy").slideToggle();
  });
   $("#piwa-show").click(function(){
    $("#piwa").slideToggle();
  });
   $("#zupy-show").click(function(){
    $("#zupy").slideToggle();
  });
});
</script>

pobliska 19 март 2014, в 19:58

Источник

Теги:

jquery

1 ответ

Ещё вопросы

tymeJV · Answer 1 · 2014-03-19T16-05-00.000Z

Из приведенного выше кода вы можете использовать $= end с селектором:

Внутри ваших функций щелчка сначала выполните эту строку:

$("[id$='-show']:visible").slideUp();

Это найдет все элементы, у которых есть идентификатор, заканчивающийся на -show (из вашего образца кода) и сдвиньте их вверх, прежде чем переключать элемент с -show. В идеале вы должны использовать общий класс для всех этих элементов, чтобы вы могли просто вызвать $(".class").slideUp() прежде чем предпринимать какие-либо действия над $(".class").slideUp().

Не могли бы вы пройти код? Я делаю что-то не так, потому что это решение не работает в моем проекте.