激活使用的引導

Question

上的一個按鈕進行切換，我想用http://twitter.github.com/bootstrap/javascript.html#buttons

激活切換上的一個按鈕，我想什麼做的是...隱藏/顯示視圖，當我點擊按鈕，切換按鈕的狀態以更改其文本。

這是我的代碼（1）。它隱藏/顯示視圖，但不會更改按鈕上的文本。 我應該如何使用bootstrap？

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