元素弹出并消失

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