1

我正在创建一个显示专辑曲目列表的 HTML 页面。它应该允许用户单击下拉菜单并查看特定曲目的歌词。我有一个 jquery 功能，但是它会下拉歌词...... - 它会下拉所有歌词，而不仅仅是选定的曲目 - 你可以一起打开所有标签，当点击一个标签时，它应该关闭以前打开的标签

我当前的参考代码：

查询：

$(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 回答