我如何才能激活和关联 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 事件，而不是&nbsp;&nbsp;$("p.info").on('click',&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("p.desc").slideToggle(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});你应该使用&nbsp;&nbsp;$("p.info").on('click',&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).next().slideToggle();&nbsp;//element&nbsp;next&nbsp;to&nbsp;clicked&nbsp;p.info &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});