jquery - 简单的下拉div

Question

我正在努力处理一个简单的下 zipper 接。 我有一个带有文本链接的 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 来隐藏下拉 div:

#dropdown {display: none;}

jQuery 函数是:

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

如有任何帮助，我们将不胜感激，非常感谢。

Answer 1

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

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

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