jquery顯示隱藏顯示當點擊其他可見頁面鏈接

我在wordpress博客上使用jquery show hide div。jquery顯示隱藏顯示當點擊其他可見頁面鏈接

鏈接可在這裏72.52.206.17/〜遊擊/分類/視頻博客/ < -remove多餘的空格聯合國網址

jQuery的代碼在頭PHP是拉像這樣：

<!-- VLOG EXPANDABLE BOX --> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.content1').hide(); 

    $('a').click(function(){ 
$('.content1').show('slow'); 

}); 

$('a.close').click(function(){ 
     $('.content1').hide('slow'); 
}) 

}); 
</script> 

<!-- VLOG EXPANDABLE BOX -->

然後我們有一些代碼顯示和隱藏一個特殊的頁面上的菜單博客點名類別的VLOG PHP：

代碼是這樣的：

<a href="#" id="click">Expand Blog</a> 
    <div class="content1"> 
      <?php get_sidebar(); ?> 
      <p> <a href="#" class="close">Collapse Blog</a></p> 
</div>

這個代碼本身的功能perfectly-當你點擊主菜單鏈接什麼情況是，出現隱藏的div，我怎麼股利留下隱患當我點擊其他網頁的鏈接？

Im in a loss。

儘管這是一個小發出─其主要的網站所有者mind-我怎麼去

我還是失去了一些東西，我做的Robotsushi建議的修改但是我無法完成這項工作。

當我在正確的位置更改代碼時，顯示/隱藏停止工作。

來源

2011-07-11 Chris Rabkin

由於我由於某種原因無法編輯此代碼，您是否介意將代碼包裹在'{}'標記中？ – Phil

不確定你的意思？你可以給我一個例子嗎？ –

Nvm，Tom Walters已經爲你編輯：D（你看到了你的代碼的灰色背景？） – Phil

首先關閉你的方法來使用toggle jQuery方法。它封裝了你正在努力完成的任務。所以你可以說：

$(".content1").toggle();

這將改變顯示屬性爲其當前狀態的相反。如果元素最初顯示，它將被隱藏;如果隱藏，它會顯示。

這段代碼的問題是：

$('a').click(function(){ 
$('.content1').show('slow');

這是什麼要說的是：每次點擊的元素時繼續前進，以「內容1」的類名打開的元素。

將a更改爲要打開content1的元素的id或class name。類似這樣的：

$('#OpenContent1').click(function(){ 
    $('.content1').show('slow');

來源

2011-07-11 16:38:08 BentOnCoding

感謝您的快速回復 - 我改成了.toggle並重新上傳了header.php，但是 - 也許我仍然錯過了一些東西，因爲仍然會發生相同的結果 - 當點擊主導航鏈接時div會顯示。 –

我不知道如何只指定content1打開？我以爲那是我在做什麼？更新了 –

的完整說明。 – BentOnCoding

jquery顯示隱藏顯示當點擊其他可見頁面鏈接

回答

相關問題