带有文本替换的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;
    });
});