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 you have read our privacy policy.

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