Jquery UI funktioniert nicht nach dem Hinzufügen Dauer Parameter

Question

Wenn der zweite Parameter für die Dauer der Code nicht funktioniert. Es funktioniert ohne den Parameter duration.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> 
    <link rel="stylesheet" href="css/style.css"> 

$(document).ready(function(){ 
 
$(".icon").click(function(){ 
 
    $(".menu").toggleClass("toggle-menu", 1000); 
 
}); 
 
});

Answer 1

Hier gehen Sie mit einem Beispiel Lösung https://jsfiddle.net/y6rm0pfc/

$(document).ready(function(){ 
 
    $(".icon").click(function(){ 
 
    setTimeout(function(){ 
 
     $(".menu").toggleClass("toggle-menu"); 
 
    }, 1000) 
 

 
    }); 
 
});

.menu { 
 
    height: 100px; 
 
    width: 100px; 
 
    background: red; 
 
} 
 

 
.toggle-menu{ 
 
    background: blue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button type="submit" class="icon" > 
 
Submit 
 
</button> 
 

 
<div class="menu"> 
 

 
</div>

Togg leClass braucht nur einen Parameter, also habe ich setTimeout verwendet und dann habe ich toggleClass verwendet