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