JQuery slideToggle仅在调整窗口大小[Chrome？]时显示

这里是第一次张贴海报和业余程序员——基本上我的JQuery表现出了非常奇怪的行为，因为我认为这是一个简单的脚本

基本上想要一个按钮，点击切换一个全宽flexslider下面。单击时，看起来什么也没有出现，尽管开发工具告诉我div的显示：none已删除-然后我调整窗口的大小，然后BAM！就在那里

在Safari上还有另一个问题，但我想这与此无关

该网站本身就在WordPress上——我继承了它作为新工作的一部分，我对HTML、CSS和基本JS有一些了解。请帮忙

/*创造性滑块1-旧代码*/ $'.creativebutton1'。单击，函数{ $'.creative-content1'。滑动切换“慢”； }; /*新代码*/ $'.creativebutton1'。单击，函数{ $'.creative-content1'。滑动切换“慢”； $'.create slider'.flexslider{ 动画：幻灯片， 方向导航：对， 控制导航：错误， 动画速度：1000， 选择器：'.slides>.slide组'， }; };

---

看来这里发生了一些事情。首先，您的jQuery可能还没有准备好。将当前函数包装为：

$(document).ready(function(){
  YOUR CODE
});

查看文档

下一个问题是，所编写的函数对于所使用的jQuery版本来说不是有效的函数

我将jQuery函数更改为：

$(document).ready(function(){
  $('.creativebutton1').click(function() {
    $('.creative-content1').slideToggle('slow');
  });
});

或者，如果希望保留现有函数，只需将其包装在$document.ready中，并将jQuery的版本更改为：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

---

谢谢实际的代码是一个网站自定义js的一部分，无论如何，在一个文档中，我相信已经准备好了。但是，当我看到这个问题时，我设法解决了这个问题。我在点击按钮和滑动开关时初始化了滑块，现在它可以完美地工作了！