Question

我正在使用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的链接时，只应调用带有文字DIV的{{1}}标记，当我点击链接Hello时，应显示带有文本Bye的{{1}}标记。我怎么能这样做？

Answer 1

这是您发布的文档中的全部内容：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>

Answer 2

试试这个：

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>

调用方法以展开和折叠节

2 个答案: