0

私はこのコードを drupal 7 で正常に使用しましたが、最初に表示されていないコンテンツのデフォルトの動作を実装する方法がわかりません。リンクをクリックした後にのみ、リンクの後のコンテンツが表示されるようにする必要があります。

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

これがこのデモです。このデモとは逆の動作が必要です。

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

前もって感謝します

4

1 に答える 1

0

どうぞどうぞ -ライブデモ

---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') で参照するリンクがクリックをリッスンするように設定されます。コンテンツは、切り替え時に jQuery によって直接変更されるため、最初はインライン CSS で非表示になっています。

于 2013-11-08T14:38:51.487 に答える