在html中,我在.fig-8
锚点中有2个图像。如何在一些不同的元素中切换一个类?
.img-active
= display: block
.img-inactive
= display: none
HTML:
<div class="tabs1">
<a class="fig-8" data-tab="tab1">
<img src="/path.png" class="img-active">
<img src="/selected.png" class="img-inactive">
</a>
<a class="fig-8" data-tab="tab2">
<img src="/path1.png" class="img-active">
<img src="/selected.png" class="img-inactive">
</a>
<a class="fig-8" data-tab="tab3">
<img src="/path2.png" class="img-active">
<img src="/selected.png" class="img-inactive">
</a>
</div>
所有我需要的是,当你点击锚,.img-active
应display: none
和.img-inactive
= display: block
我这样做的js文件:
$('.tabs1 a').on('click', function() {
$(this).find('.img-active').hide();
$(this).find('.img-inactive').show();
});
它做我想要什么,但如果你点击第二个或第三个锚,在那里我点击图片没有得到到原来的形状(默认图片。)。
有什么建议吗?
你是什么意思的原始形状? – VivekN
@VivekN之前的图像。默认的一个。 – TheUnnamed
Bah,不记得jQuery。基本上,你想找到每个人,隐藏他们,然后找到点击的目标,并显示一个。 – Will