jquery - 单击链接时切换显示两个 div

Question

我的 HTML 中有两个 div，一个将显示来自 youtube 的嵌入视频，另一个将显示联系我们的输入表单。视频上方还有一个链接“联系我们”。

最初加载页面时会显示视频，但当用户单击“联系我们”链接时，视频应被隐藏，并且应在其位置显示联系我们的输入表单。

我想使用 jQuery 来做到这一点。

Answer 1

使用 jQuerytoggle()或任何其他方法来显示和隐藏您<div>的 s.

这是一个简单的例子（http://jsfiddle.net/8wbXV/）：

<div class="container">
    <div class="video">
        <a href="#">Contact us</a><br />
        Video here
    </div>
    <div class="contact">
        <a href="#">Return to video</a><br />
        Contact form here
    </div>
</div>

<script type="text/javascript">
$(document).ready(function () {
    $('a').click(function () {
        $('.container > div').toggle();
    });
});
</script>

这只是一个简单的例子。链接上的选择器$('a')不是您通常使用的，但我在这里使用它只是为了说明。

查看jQuery API了解更多详细信息。