如何在複選框中滑出

Question

我有div框，在onLoad頁面滑動時，當鼠標懸停或懸停它將滑動 - 在哪個工作正常。

現在我試圖添加新功能，如果選中了一個複選框，而不是滑出或禁用滑出。如果不檢查，然後自動滑出，所以啓用。

你可以看到id =「checkbox」...爲什麼不工作！

jsfiddle

HTML

<div class="sidebar-nav-right">        
<ul class="nav nav-list accordion-group latest-group-sidebar"> 
<input name="" type="checkbox" id="mycheckbox" value="">       
</ul> 
</div> 

jQuery的...

$(window).on("load", function() { $(".sidebar-nav-right").animate({ "right": "-=150px" }, "fast"); }); 

$(".sidebar-nav-right").hover(function() { 
    $(".sidebar-nav-right").animate({ "right": "0px" }, "fast"); }, function(){ 
    $(".sidebar-nav-right").animate({ "right": "-=150px" }, "fast"); }); 

$("#mycheckbox").on('change', function() { 
    $(".sidebar-nav-right").toggleClass("sidebar-nav-right"); }); 

Answer 1

您使用toggleClass錯誤。 toggleClass是爲了做一個類的切換。

http://api.jquery.com/toggleclass/

但你只使用一類。最簡單的方法是編寫關閉狀態的CSS和CSS動畫的開啓狀態。然後使用toggleClass在點擊時添加和刪除該類。