0

Simple-Expand http://redhotsly.github.com/simple-expand/を使用して、HTML ページのセクションを展開および折りたたみます。

JQuery コード:

$(function () {
    $('.hello').simpleexpand();

});

$(function () {
    $('.bye').simpleexpand();

});

HTML :

<a href='' id='hello' class='hello'> Hi  </a>

            <a href='' id='bye'  class='bye'> Bye  </a>

区分 :

<div class="content">
  Hello
</div>

<div class="content">
  Bye
</div>

クラスのリンクをクリックすると、テキストを含むタグhelloのみが呼び出され、リンクをクリックすると、テキストを含むタグが表示されます。これどうやってするの ？DIVHelloByeDIVBye

4

2 に答える 2

2

それはすべてあなたが投稿したドキュメントにあります: http://sylvain-hamel.github.io/simple-expand/

simpleexpandメソッドの呼び出しでオプションを指定する必要があります

例えば ​​：

$(function () {
    $('.hello').simpleexpand({'defaultTarget': '.helloDiv'});

});

$(function () {
    $('.bye').simpleexpand({'defaultTarget': '.byeDiv'});

});

そしてあなたのhtml：

<div class="helloDiv">
  Hello
</div>

<div class="byeDiv">
  Bye
</div>
于 2013-02-27T09:14:30.430 に答える
0

これを試して：

JQuery コード:

$(function () {
    $('a').click(function(){
        var id = $(this).attr('id');
        var divId = 'div_' + id;
        $('#'+divId).simpleexpand();
     });
});

HTML : 

<a href='' id='hello'class='hello'> Hi  </a>
<a href='' id='bye' class='bye'> Bye  </a>

区分 :

<div class="content" id='div_hello'>
  Hello
</div>

<div class="content" id='div_bye'>
  Bye
</div>
于 2013-02-27T09:14:28.000 に答える