Question

我正在努力使用简单的下拉链接。我有一个带文本链接的div，当点击此文本时，应该出现另一个带有文本信息的div。

到目前为止，HTML是：

<div id="about" class="fluid">
    <a href="#">About & Contact</a>

    <div id="dropdown" class="fluid"><blockquote>
          We are a bla bla...</div>
</div>

我使用CSS来隐藏下拉列表：

#dropdown {display: none;}

jQuery函数是：

<script>
    $(function(){
        $('#about').each(function(){
            $(this).click(function(){
                $(this).siblings('#dropdown').slideToggle(300);            
            });
        });
    });
</script>

非常感谢任何帮助。非常感谢。

Answer 1

    $("#about").find("a:first-child").click(function() {
$("#dropdown").toggle();
return false;
});

将此作为你的js使用。在这里我使用了find selector ..因为这比其他选择器更快。

Answer 2

另一种方法可能是使用下面的代码

$("#about  a").click(function() {
    $("#dropdown").toggle();
    return false;
});

https://jsfiddle.net/santoshjoshi/n0yeo9nb/

简单的下拉div

2 个答案: