JavaScript CSS подчеркивается, соответствующая переключению Divs
-
09-10-2019 - |
Вопрос
Эй, все, раньше я получил некоторую помощь переключаться между тремя скрытыми делями в фото библиотеке. Я хотел бы добавить подчеркивание на якоря, переключающиеся, которые показать, чтобы показать. Сценарий динамичен ... и в нем есть моя проблема. Я не уверен, как сказать, какой якорь подчеркивается в коде. Достаточно сказать, что это за пределами моего понимания!
Я также хотел бы для первого из трех якорей, промо, нагрузки подчеркивается.
Спасибо за вашу помощь!
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);
});
});
Решение
Попробуй это:
$(function(){
$('a.showlink').css("text-decoration", "none");
$("#show_promo").css("text-decoration", "underline").click();
});
$('a.showlink').click(function(){
$('a.showlink').css("text-decoration", "none");
$(this).css("text-decoration", "underline");
var toShow = this.id.substr(5);
$('div.section:visible').fadeOut(600, function(){
$('#' + toShow).fadeIn(600);
});
});
Не связан с StackOverflow