大家好,早些时候我收到了一些帮助,可以在照片库中的三个隐藏的 div 之间切换。我想在切换显示哪个 div 的锚点上添加下划线。脚本是动态的......这就是我的问题。我不确定如何判断代码中要下划线的锚点。我只想说它超出了我的掌握!
我还希望三个锚中的第一个,Promo,加载下划线。
谢谢你的帮助!
HTML:
<div class="text" id="content">
<h2>PHOTOS</h2>
<hr />
<p align="left"><a class="showlink" id="show_promo">PROMO</a> <a class="showlink" id="show_studio">STUDIO</a> <a class="showlink" id="show_live">LIVE</a></p>
<div class="section" id="promo">
<p align="center">PROMO</p>
<p align="center">
<img src="#">
</p>
</div>
<div class="section" id="studio">
<p align="center">STUDIO</p>
<p align="center">
<img src="#">
</p>
</div>
<div class="section" id="live">
<p align="center">LIVE</p>
<p align="center">
<img src="#">
</p>
</div>
</div>
Javascript:
$('a.showlink').click(function(){
var toShow = this.id.substr(5);
$('div.section:visible').fadeOut(600, function(){
$('#' + toShow).fadeIn(600);
});
});