点击一个链接切换两个div的显示

Question

我的HTML中有两个div会显示来自youtube的嵌入视频，其他会显示contact-us输入表单。视频上方还有一个“与我们联系”的链接。

最初在加载页面时会显示视频，但是当用户点击“联系我们”链接时，视频应该隐藏起来，联系我们输入表单应该显示在其位置上。

我想用jQuery来做这件事。

Answer 1

使用jQuery的toggle()或任何其他方法来显示和隐藏您的<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了解更多详情。