更改點擊時的錨文本…？ jQuery也許？

Question

這是一個錨定/切換，可像導航一樣打開和關閉抽屜。 我希望圖標/文本在單擊后更改。 但是我的jQuery非常基礎，我正在為此atm掙扎。

<a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar ss-icon drawer">&#xEB01;</a>

感謝幫助。 /保羅

Answer 1

這應該做。

$('.btn.btn-navbar').on('click', function(e) {
     e.preventDefault();
     $(this).text(function(i,v) {
           return v === 'Show' ? 'Hide' : 'Show';
     });
});

檢查小提琴

試試這個方法

var flag = true;
$('.btn.btn-navbar').on('click', function(e) {
     e.preventDefault();
     $(this).html(function(i,v) {
           return flag === true  ? 'ת' : '';
     });
     flag = !flag;
});

更新小提琴