Div скользит вверх, а затем снова вниз

Question

Div скользит вверх, а затем снова вниз

0

Следующие столбцы отображают столбцы, которые скользят вниз (div .select-plan-details div) при нажатии .select-plan-buy (другие столбцы, если они открыты, сдвигаются вверх).

HTML:

<div class="select-plan-container">

<div class="select-plan-column">
  <div class="select-plan-buy select-plan-buy-starter">
  </div>
  <div class="select-plan-details select-plan-details-starter">
  </div>
</div>

<div class="select-plan-column">
  <div class="select-plan-buy select-plan-buy-level">
  </div>
  <div class="select-plan-details select-plan-details-level">
  </div>
</div>

<div class="select-plan-column">
  <div class="select-plan-buy select-plan-buy-levels">
  </div>
  <div class="select-plan-details select-plan-details-levels">
  </div>
</div>

</div>

JS:

  jQuery(".select-plan-buy").click(function () {
    jQuery('.select-plan-column .select-plan-details').slideUp();
    jQuery(this).next(".select-plan-details").slideToggle();
  });

Прямо сейчас, когда я снова .select-plan-details .select-plan-buy (когда .select-plan-details уже открыт), он переместится вверх и затем снова вниз (текущий столбец). Как я могу сделать это, чтобы он скользил правильно?

alexchenco 28 апр. 2014, в 13:38

Источник

Теги:

javascript

jquery

html

2 ответа

Ещё вопросы

A. Wolff · Answer 1 · 2014-04-28T09-51-00.000Z

Вы можете использовать:

 jQuery('.select-plan-column .select-plan-details').not(jQuery(this).next(".select-plan-details")).slideUp();

Mehmood · Answer 2 · 2014-04-28T08-43-00.000Z

jQuery(".select-plan-buy").click(function () {
    var objDetail=$(this).next(".select-plan-details");
    $('.select-plan-column .select-plan-details').not(objDetail).slideUp();
    objDetail.slideDown();
  });