2012-03-25 65 views
0
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');  
}); 

我想用“点击”替换“切换”,我不知道如何。我试图替换它,它只是第一个功能。帮帮我 !我想使用点击功能

回答

0
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; 
    } 
}); 

做这样的事情。

+0

不工作:( – Schito 2012-03-26 11:02:16

+0

问题是我必须点击两次,如果我在另一个函数中使用“widgetOpen.addClass('hide');” – Schito 2012-03-26 11:29:04

+0

让我看看你的html代码,所以我可以试试这个我自己? – 2012-03-26 13:33:05