jquery - 带有文本替换的 jQuery 手风琴式菜单

Question

我想用“加号”表示菜单的可扩展性/可折叠性。当项目展开时，我想用减号替换加号。

目前唯一的问题是当我单击另一个项目时将减号返回到加号。

有什么建议么？

小提琴：http: //jsfiddle.net/saltcod/Lg9Mn/

Answer 1

试试这个 - http://jsfiddle.net/Lg9Mn/2/

jQuery(function($){
    var allMetaFields = $('.meta-field').hide();

    $('.topics-meta h3').on('click', function(){
        $('.topics-meta span').text('+');
        $(this).find('span').text('-');
        allMetaFields.slideUp();

        if ( $(this).next().is(":visible") ) {
            $(this).find('span').text('+');
        } else {
            $(this).next().slideDown();
        }

        return false;
    });
});