元素彈出並消失

Question

我已經使用jquery切換功能的元素。但每次加載頁面時，元素都會彈出並消失。

我的代碼是在這裏： -

$(document).ready(function(){ 
    jQuery("#button").toggle(function(){ 
      jQuery("#feedback_form").animate({right:"0px"}); 

     }, 
     function(){ 
      jQuery("#feedback_form").animate({right:"-362px"}); 
      return false; 
     } 
    ); //toggle 
}); 

按鈕元素出現和消失。我不能點擊它。

Answer 1

我已經做到了，但比原來的代碼不同的一點：

JS：

$("#button").click(function(){ 
    $('#feedback_form').toggleClass("move"); 
}); 

CSS：

.move{ 
    right:-362px !important; 
} 

這裏是小提琴：

https://jsfiddle.net/g2hncbdu/5/

Answer 2

問題是你切換您的按鈕元素，這就是爲什麼你的元素得到隱藏在裝載或準備：

嘗試這樣的：

$("#button").click(function(){ 
    jQuery("#feedback_form").toggle(function(){ 
      jQuery("#feedback_form").animate({right:"0px"}); 

     }, 
     function(){ 
      jQuery("#feedback_form").animate({right:"-362px"}); 
      return false; 
     } 
    ); //toggle 
}); 

fiddle