1

アルバム トラック リストを表示する HTML ページを作成しています。ユーザーがドロップダウンをクリックして、特定のトラックの歌詞を表示できるようにする必要があります。ただし、歌詞をドロップダウンするjquery関数があります...-選択したトラックだけでなく、すべての歌詞をドロップします-すべてのタブを一緒に開くことができます。タブをクリックすると、以前に開いたタブを閉じる必要があります

参照用の私の現在のコード:

Jクエリ:

$(document).ready(function()
{

        $(".lyrics").hide();
        $(".dropdownheader").show();

    $('.dropdownheader').click(function()
    {
        $(".lyrics").slideToggle();
    });

});

HTML:` 

                <li> 
                    <p class="dropdownheader">Song 1 </p>
                    <p class="lyrics">
                        Sing Song 
                    </p>
                    <audio controls height="100" width="100">
                        <source src="a.mp3" type="audio/mpeg"></source>
                        <embed height="50" width="100" src="horse.mp3"></embed>
                    </audio>
                </li>
4

1 に答える 1

1

thisクリックした歌詞を下にスライドするために使用する必要があります。

$('.dropdownheader').click(function()
{
    $(".lyrics").slideUp(); <-- Hide any other lyrics that are showing
    $(this).next(".lyrics").slideDown(); <-- Slide down clicked lyrics.
});

デモ: http://jsfiddle.net/tymeJV/earNm/

于 2013-05-30T14:02:51.017 に答える