JSFiddle - React, Tailwind, and code Playground

HTML

<div class="q1"></div>
<p></p>

CSS

*{
  margin:0;
  padding:0;
}
.q1{
  width:50px;
  height:50px;
  background: red;
}
p{
    width:150px;
  height:300px;
  background: black;
  display:none;
}

JavaScript

$(document).ready(function(){ 
$('.q1').click(function(){ 
$('.q1').next().stop(0,0);
if($('.q1').next().is(':visible')){ 
$(this).next().stop(1,1).slideUp(); 
}

$(this).next().stop(0,0).slideToggle();//Так почему у stop ведёт себя будто у него значение true,true ?
}); 

});