我如何仅针对我要在foreach循环中显示的那一部分激活和关联slideToggle函数（使用JavaScriot？）>

Question

每当我单击相对信息时，我都想显示产品的外观，但是每次我单击随机信息时，都使用代码显示我所有产品的外观。请帮助我。

      <script type="text/javascript">
            $(function () {
                  $("p.info").on('click', function () {
                  $("p.desc").slideToggle();
                });
          });
      </script>




     // the info and desc of the products are cointaned in:


     <div class="products_container">
            <ul>
                @foreach ($products as $product)
                    <li>
                        <div class="products">
                            @include('helpers/productImg', ['attrs' => 'imagefrm', 'imgFile' => 
      $product->image])
                            <p id="product_name"><strong>{{ $product->name }}</strong></p>
                            <p>{{ $product->descShort }}</p>
                            @include('helpers/productPrice')
                            <p class="info">Info prodotto</p>
                            <p style="display:none" class="desc">Descrizione: {!! $product->  
      `                     descLong !!}</p>
                        </div>
                    </li>
                @endforeach
            </ul>
            </div>

每当我单击相对信息时，我都想显示产品的外观，但是每次我单击随机信息时，都使用代码显示我所有产品的外观。请帮我。 

Answer 1

嗯，因为您使用的是类.desc，所以它会在该类中切换所有元素。但是可以从您的代码推断.desc在.info onclick事件旁边所以代替