单击更改锚文本...？也许jQuery？

Question

这是一个锚点/切换，用于打开和关闭抽屉，如导航。我希望图标/文字在点击后更改。但我的jQuery是如此基本，我正在努力解决这个问题。

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

<强> Check Fiddle

尝试这种方法

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

<强> Updated Fiddle