2

ねえ、以前私は写真ライブラリの3つの隠されたdivを切り替えるのにいくつかの助けを受けました。どのdivを表示するかを切り替えるアンカーに下線を追加したいと思います。スクリプトは動的です...そしてそこに私の問題があります。コード内で下線を引くアンカーを指定する方法がわかりません。それは私の理解を超えていると言えば十分です！

また、3つのアンカーの最初の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);
    });
});
4

1 に答える 1

3

これを試して：

$(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);
    });
});
于 2011-01-10T01:59:14.370 に答える