jQuery slideToggle 隐藏/显示问题答案

【问题标题】：jQuery slideToggle Hide / Show IssuesjQuery slideToggle 隐藏/显示问题
【发布时间】：2010-05-27 18:37:08
【问题描述】：

我在尝试将一些 jQuery 功能手动插入到 wordpress 主题中时遇到了一些问题。我有一个基于 jQuery 的灯箱 wordpress 插件，运行良好。

因此，如果我将 jQuery 脚本手动加载到 wordpress 中，这些功能似乎可以工作，但不是说幻灯片被隐藏，而是在应该隐藏时显示出来。或者应该工作的弹出窗口已经显示而不是隐藏。我不认为我应该手动将 jQuery 包含到我的皮肤中，而是使用 wp_enqueue_script('jquery');似乎也没有解决我的问题。

<script src="http://platform.twitter.com/anywhere.js?id=i5CnpkmwnlWpDdAZGVpxw&v=1" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){

    $(".btn-slide").click(function(){
      $("#twitpanel").slideToggle("slow");
      $(this).toggleClass("active");
    });

});
</script>

<div id="tweetit"><a class="btn-slide">Tell em'</a>
            <div id="twitpanel"></div>
            <script type="text/javascript">

              twttr.anywhere(function (T) {

                T("#twitpanel").tweetBox({
                  height: 100,
                  width: 225,
                  defaultContent: "Some Random Text"
                });

              });

            </script>

            </div></h2>

就像我说的那样，它可以工作，但它应该是相反的方式。

我认为我只是加载了错误的内容？

TIA, 追逐

【问题讨论】：

标签： javascript jquery wordpress

【解决方案1】：

也许您需要将 div 默认为隐藏？

<div id="twitpanel" style="display:none"></div>

或

<div id="twitpanel" style="visibility:hidden"></div>

【讨论】：

否，因为该函数的工作方式是更改链接的类而不是 div。因此，如果它是隐藏的，那么当您单击链接时，它只会更改链接的类而不是 div。您不需要修改 div 的 css 即可使其工作。就像我说的那样，它会向上滑动以隐藏 div，但最初应该隐藏而不显示。
slideToggle 将改变 div 见api.jquery.com/slideToggle "如果元素最初显示，它将被隐藏；如果隐藏，它将被显示。"
"如果元素最初显示，它将被隐藏" ..来自 API。因此，既然它已经显示，它应该被隐藏。因此有些事情是不对的。添加 display: none 属性使其甚至不显示期间。你点击它，它会滑动一点然后什么都没有显示。
好的，我一定没有正确理解这个问题。是否有可能抛出 js 错误并阻止执行？你用 Firebug 检查过吗？