我想使用click for function

Question

var widgetOverlay = jQuery('#widgetOverlay');
var widgetOpen = jQuery('#widgetOpen a');   
var widgetOverlayHeight = widgetOverlay.height() - 3;
widgetOverlay.css({
    marginBottom : -widgetOverlayHeight,
    display : 'block'
}); 
widgetOpen.toggle( function() {     
    widgetOverlay.animate({
        marginBottom : 0
    }, 600);        
    widgetOpen.addClass('hide');
}, function() {     
    widgetOverlay.animate({
        marginBottom : -widgetOverlayHeight
    }, 400);        
    widgetOpen.removeClass('hide');     
});

我想用“点击”替换“toggle”，我不知道怎么做。我试着替换它，它只是第一个功能。帮助！

Answer 1

var widgetClicked = false

widgetOpen.on('click',function(){     
    if(widgetClicked==false){
       widgetOverlay.animate({
           marginBottom : 0
       }, 600);        
       widgetOpen.addClass('hide');

       widgetClicked = true;
    }


    else{
       widgetOverlay.animate({
           marginBottom : -widgetOverlayHeight
       }, 400);        
       widgetOpen.removeClass('hide');  

       widgetClicked = false;
    } 
});

做这样的事情。