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

for your toggle option why don't you do:

$(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');
});