jquery drupal7行为

Question

我已经在drupal 7中成功使用了这段代码，但是我不知道如何实现最初未显示的内容的默认行为。我们需要链接后的内容仅在单击链接后才可见。

http://mydrupalblog.lhmdesign.com/drupal-theming-jquery-basics-inc-drupal-behaviors

这是演示，我们需要这个演示的相反行为，

http://www.lhmdesign.com/drupal-jquery-demo

提前谢谢

Answer 1

在这里你去 - Live demo

--- SCRIPT.JS目录---

<强> jQuery的：

(function ($, Drupal, window, document, undefined) {
    Drupal.behaviors.customCode = {
        attach: function () {
            $('.myLinks').click(function () {
                $('#content').slideToggle();
            });
        }
    };
})(jQuery, Drupal, this, this.document);

<强> HTML：

<div> 
    <a href="#" class="myLinks">This is your link</a>
    <div id="content" style="display: none;">This is the hidden content</div>
</div>

<强> CSS：

#content {
    width: 100px;
    height: 100px;
    position: relative;
    bottom: 0;
}
div {
    position: relative;
    width: 500px;
    height: 100%;
}

这将设置您使用$（'。myLinks'）引用的任何链接来监听点击。内容最初是使用内联CSS隐藏的，因为jQuery会在切换时直接更改它。