通過鏈接顯示/隱藏Div/W /純JQuery

我正在尋找一種方法來顯示和隱藏div的可重複使用通過鏈接使用JQuery。我寫下了一個例子，通過鏈接顯示/隱藏Div/W /純JQuery

<div id="section1"> 
<a href="http://www.google.com" target="_blank">Google</a> 
</div> 

<div id="section2"> 
<a href="http://www.yahoo.com" target="_blank">Yahoo</a> 
<div>

在這種情況下，假設第2部分隱藏在頁面加載中。當點擊Google鏈接後，如何顯示第2部分並隱藏第1部分，然後在點擊Yahoo鏈接時重新顯示第1部分並隱藏第2部分？

我已經完成了這一點，但它包含了大量的腳本（javascript），並且在Internet Explorer中不起作用，這是主要問題。

感謝您的幫助！我非常感謝！

來源

2012-03-21 user1067458

後您的JavaScript。剪出相關部分並將其粘貼到您的問題中。除非您展示它，否則我們無法幫助您修復代碼。 – 2012-03-21 06:09:17

我其實正在尋找一種全新的方式來做到這一點。我有一種方式，但在Internet Explorer中完全不起作用。如果我要解決我目前的方式來包含更多的div，它仍然無法在IE中正確運行。 – user1067458 2012-03-21 06:11:37

如果你有你想要的信息，不要忘記標記answwer。 – 2012-04-25 06:13:49

你會希望類似這樣的基礎上jQuery東西：

$(document).ready(function() { 

    $('#section1').show(); 
    $('#section2').hide(); 

    $('#section1 a').click(function() { 
     $('#section1').hide('fast'); 
     $('#section2').show('fast'); 
     return false; 
    }); 

    $('#section2 a').click(function() { 
     $('#section2').hide('fast'); 
     $('#section1').show('fast'); 
     return false; 
    }); 

});

我沒有測試過，可能需要修改和大概可以縮短。這裏更多的信息：http://www.learningjquery.com/2006/09/slicker-show-and-hide

來源

2012-03-21 06:15:53

利用.hide()和jQuery庫提供.show()方法做你的任務......

或利用.toggle()其處理任務輕鬆..

$('#section1 a').click(function(){ 
    $('#section1').hide(); 
    $('#section2').show(); 
}); 
$('#section2 a').click(function(){ 
    $('#section2').hide(); 
    $('#section1').show(); 
});

來源

2012-03-21 11:03:58

這裏的顯示如何使用show（）和hide（）來做你在問什麼的jsfiddle：

http://jsfiddle.net/ZvB7X/1

和這裏的相關的jQuery（你需要查看的jsfiddle看到它伴隨着CSS和標記它不必在此贅述。）

$('#section1 a').click(function(){ 
    $('#section1').hide(); 
    $('#section2').show(); 
}); 

$('#section2 a').click(function(){ 
    $('#section2').hide(); 
    $('#section1').show(); 
});

來源

2012-03-21 20:46:48 kinakuta

通過鏈接顯示/隱藏Div/W /純JQuery

回答

相關問題