Question

我希望能够在jsFiddle中将整个Accordion Aspect添加到此代码中。如果您展开一个，然后单击另一个，它会折叠前一个div并显示最近点击的。

我是怎么想通过这个jsFiddle来实现这个目标的？

http://jsfiddle.net/zrbFE/

谢谢大家！

Answer 1

我前段时间做过这个，认为它会满足你的需求：http://jsfiddle.net/aCaEG/2/

Answer 2

我喜欢这个库的功能：

http://flowplayer.org/tools/demos/tabs/accordion.html

比jQuery UI更轻松，并且工作得很漂亮。检查该页面以获取如何标记的示例，并在脚本中调用它。

Answer 3

试试这个jsfiddle：

function toggleMe(me) {
    var alreadyOpen = me.is(':visible');
    jQuery('div[class^="content-"]').hide('fast');
    if (!alreadyOpen) {
        me.show('slow');
    }
}
jQuery('.expand-one').click(function() {
    toggleMe(jQuery('.content-one'));
    var img = $(this).find('img'),
        src = img.attr("src"),
        alt = img.data("altsrc");
    img.attr("src", alt).data("altsrc", src);
});
/// SECOND SESSION:
/////////////////////////////////////////////////////////////////////////////////////
jQuery('.expand-two').click(function() {
    toggleMe(jQuery('.content-two'));
    var img = $(this).find('img'),
        src = img.attr("src"),
        alt = img.data("altsrc");
    img.attr("src", alt).data("altsrc", src);
});

希望这有帮助，

皮特

Answer 4

http://jsfiddle.net/fAmWx/1/

这可能有助于您开始朝着正确的方向前进。我们的想法是简化和重用类名和代码。

添加手风琴式设置？

4 个答案: