點擊一個鏈接切換兩個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瞭解更多詳情。