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自定义代码之前如下： -

它的工作正常： -

Code正在研究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>