![](/img/trans.png)
[英]How to change anchor <a> style when it's in table cell using jquery
[英]How to change style of active toggled anchor when using jquery toggle?
我正在使用以下内容在页面上切换具有相关数据的多个链接
<div class="buttons">
<a class="show" target="1">Option 1</a>
<a class="show" target="2">Option 2</a>
<a class="show" target="3">Option 3</a>
<a class="show" target="4">Option 4</a>
</div>
<div id="div1" class="targetDiv">Lorum Ipsum 1</div>
<div id="div2" class="targetDiv">Lorum Ipsum 2</div>
<div id="div3" class="targetDiv">Lorum Ipsum 3</div>
<div id="div4" class="targetDiv">Lorum Ipsum 4</div>
JS:
$('.targetDiv').hide();
$('.show').click(function () {
$('#div' + $(this).attr('target')).toggle('').siblings('.targetDiv').hide('');
});
哪个适合我想要的,但我想知道的是,如果链接的样式在每个活动时都可以改变。 因此用户知道他们正在查看该链接的内容。 因此,如果当前节目类是背景:#000; 例如,我可以将其更改为背景:#fff; 不知何故,当显示该选项DIV时? 什么时候不恢复正常呢?
当前设置的JSfiddle http://jsfiddle.net/W3HtS/1/
试试这种方式: 工作小提琴
$('.show').not(this).removeClass('active');
if($(this).hasClass('active')){
$(this).removeClass('active');
}else{
$(this).addClass('active');
}
});
尝试这个
$('.targetDiv').hide();
$('.show').click(function () {
$(".show").removeClass("highlight");
$(this).addClass("highlight");
$('#div' + $(this).attr('target')).toggle('').siblings('.targetDiv').hide('');
});
定义要在突出显示类中应用的样式
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.