jQuery切換$（this）中的下一個元素

Question

我想創建一個按鈕，單擊時可切換div元素。 當我單擊按鈕時，我的網站上沒有任何反應。 我認為$（this）選擇器存在問題，但我無法猜測原因。 該代碼正在jsfiddle上運行https://jsfiddle.net/06j3kug8/

的HTML

<a class="btn btn-primary flip">Spoiler</a>
<div class="spoiler">test</div>

的CSS

.spoiler { display:none }

頁腳中的腳本

<script type="text/javascript">

jQuery.noConflict();

jQuery(function($){

    $(".flip").on("click",function(){
       $(this).next().slideToggle();
    });


 });
 </script>

Answer 1

我認為您在底部調用jquery.js ，請放在頂部，然后在您的jquery自定義代碼之前，如下所示：

工作正常：

該代碼正在jsfiddle上運行，因為自定義jquery代碼的頂部和頂部已經調用了jquery.js。

 jQuery.noConflict(); jQuery(function($){ $(".flip").on("click",function(){ $(this).next().slideToggle(); }); }); 

 .spoiler { display:none } 

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a class="btn btn-primary flip">Spoiler</a> <div class="spoiler">test</div>