javascript - 调用方法来展开和折叠部分

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 类的链接时，仅应调用带有文本 Hello 的 DIV 标记，并且当我单击链接 Bye，应显示带有文本 Bye 的 DIV 标记。我该怎么做？

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>