jQuery slideToggle隐藏/显示问题

时间:2010-05-27 18:37:08

标签: javascript jquery wordpress

我在尝试手动将一些jQuery功能插入wordpress主题时遇到了一些问题。我有一个基于jQuery的lightbox 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, 大通

1 个答案:

答案 0 :(得分:0)

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

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

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