1

这是一个锚点/切换开关，它可以打开和关闭一个像导航一样的抽屉。我希望图标/文本在单击后更改。但是我的 jQuery 太基础了，我在这个 atm 上苦苦挣扎。

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

帮助表示赞赏。/保罗

4

1 回答 1

8

这应该做。

$('.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  ? '&#1514;' : '&#xEB01;';
     });
     flag = !flag;
});

更新小提琴

于 2013-06-06T06:55:03.767 回答