Hover işlevi yerine geçiş jQuery

Question

Kodda belirtilen sınıfa her tıkladığımda aynı işlemi tekrarlamak istiyorum. Vurgulu işlevi üzerinde çalışıyordu, ancak tıklama işlevine geçtiğimde, işi yalnızca bir kez yapıyor. ve tekrarlanabilir değil.

Ayrıca clickToggle öğesine geçtim ve çalışmaz. Düşüncesi olan var mı? handleIn ve HandleOut:

var sidebarFloat = $('.sidebar').css('float'); 
$('.sidebar').hover(function() { 
    sidebarFloat = $(this).css('float'); 

    if (sidebarFloat == 'right') { 
     $(this).stop().animate({ 
      left: "0px" 
     }, 500) 
    } else if (sidebarFloat == 'left') { 
     $(this).stop().animate({ 
      left: "0px" 
     }, 500) 
    } 
}, function() { 
    var width = $(this).width() - 10; 
    if (sidebarFloat == 'right') { 
     $(this).stop().animate({ 
      left: +width 
     }, 500); 

    } else if (sidebarFloat == 'left') { 
     $(this).stop().animate({ 
      left: -width 
     }, 500); 
    } 
}); 

Answer 1

jquery hover() fonksiyon parametreleri olarak iki işlevi sürer. Eğer ayrı değişken kullanılarak tıklama durumunu izlemek zorunda kalacak sonucunda

Click does not.

. Örneğin

:

var sidebarFloat = $('.sidebar').css('float'); 
var toggled = false; 
$('.sidebar').click(function() { 
    if (toggled) { 
     sidebarFloat = $(this).css('float'); 
     if (sidebarFloat == 'right') { 
      $(this).stop().animate({ 
       left: "0px" 
      }, 500) 
     } else if (sidebarFloat == 'left') { 
      $(this).stop().animate({ 
       left: "0px" 
      }, 500) 
     } 
    } else { 
     var width = $(this).width() - 10; 
     if (sidebarFloat == 'right') { 
      $(this).stop().animate({ 
       left: +width 
      }, 500); 

     } else if (sidebarFloat == 'left') { 
      $(this).stop().animate({ 
       left: -width 
      }, 500); 
     } 
    } 
    toggled = !toggled; 
});