0

Есть табличка с перечнем товаров. Хочу сделать раскрывающийся список при нажатии на + отдельно для каждого товара. Как это можно сделать не вмешиваясь в структуру html ? Загвоздка в том, что количество товаров и наименований в нем может быть различным без ограничений. Пока раскрывает только 1 элемент после названия товара.

	$('.plus').click(function() {
	  $(this).parents('.order').next('.order_item').toggle();
	});
.order_item {
  display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="order-count">
  <tr class="order">
    <td>Товар 1 <span class="plus">+</span>
    </td>
  </tr>
  <tr class="order_item">
    <td>Наименование 1</td>
  </tr>
  <tr class="order_item">
    <td>Наименование 2</td>
  </tr>
  <tr class="order">
    <td>Товар 2 <span class="plus">+</span>
    </td>
  </tr>
  <tr class="order_item">
    <td>Наименование 1</td>
  </tr>
</table>

1 ответ 1

2

Можно попробовать реализовать это через

 $('.plus').click(function() {
      $(this).parents('.order').nextUntil(".order",'.order_item').toggle();
  });

Будет раскрывать все между двумя .order если я не ошибаюсь

fidle

2
  • в принципе each не нужен, можно сразу toggle звать
    – Grundy
    4 апр 2016 в 13:20
  • @Grundy спасибо , обновил
    – Batanichek
    4 апр 2016 в 13:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.