admin管理员组

文章数量:1334330

This is an anchor / toggle which opens and closes a drawer like navigation. I want the icon / text to change once it's clicked. But my jQuery is so basic i'm struggling with this atm.

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

Help is appreciated. /Paul

This is an anchor / toggle which opens and closes a drawer like navigation. I want the icon / text to change once it's clicked. But my jQuery is so basic i'm struggling with this atm.

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

Help is appreciated. /Paul

  • javascript
  • jquery
Share Improve this question asked Jun 6, 2013 at 6:52 KortschotKortschot 9771 gold badge8 silver badges21 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 8

This should do . 

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

Check Fiddle

Try this approach

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

Updated Fiddle

本文标签： javascriptChange anchor text on click with jQuery maybeStack Overflow

版权声明：本文标题：javascript - Change anchor text on click with...? jQuery maybe? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742338532a2456121.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。