2012-03-25 66 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