Поведение метода stop()

$(document).ready(function(){  
 
$('.q1').click(function(){  
if($(this).next().is(':visible')) // Это не выполняется т.к. Абзац ещё не виден 
$(this).next().stop(true,true).slideUp(); // Это не выполняется т.к. Абзац ещё не виден 
 
$(this).next().stop(0,0).slideToggle();//Так почему у stop ведёт себя будто у него значение true,true ? 
});  
 
});

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

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
<div class="q1"></div> 
<p></p>