javascript - 使用引导程序激活单个按钮的切换

Question

我想使用http://twitter.github.com/bootstrap/javascript.html#buttons激活单个按钮的切换

我想做的是……当我单击按钮并切换按钮的状态以更改其文本时隐藏/显示视图。

这是我的代码（1）。它隐藏/显示视图，但不会更改按钮上的文本。我应该如何使用引导程序来做到这一点？

createToggleButton = function (parentElement) {
    var buttonElement = $(document.createElement('button'));

    buttonElement.text('Customize');
    buttonElement.prop('class', 'btn');
    buttonElement.attr('type', 'button');
    buttonElement.attr('data-toggle', 'button');
    parentElement.prepend(buttonElement);

    buttonElement.on('click', function (event) {
        event.preventDefault();
        $(event.currentTarget).parent('div').find('.control-group').toggle(function () {
            buttonElement.text('new message'); // it changes just the first time,
                               // then I would like to set the original message;
        });
    });
};

Answer 1

对于您的切换选项，您为什么不这样做：

$(event.currentTarget).parent('div').find('.control-group').toggle(function(){
    $(this).hide();
    $('.btn').attr('value','First text you want');
},function(){
    $(this).show();
    $('.btn').attr('value','Second text you want');
});