如何在屏幕上顯示另一個div時隱藏div。

我有一個默認顯示的幫助部分。用戶搜索結果時，頁面將重新加載，searchResults應顯示在幫助部分所在的位置，並且幫助部分設置爲顯示：無。如何在屏幕上顯示另一個div時隱藏div。

我想有一些jQuery的搜索頁面，並確定如果helpSection是否在屏幕上或不。如果正在顯示searchResults，則helpSection應該消失。

我已經嘗試了各種方法，他們都沒有工作。任何幫助將不勝感激。

來源

2013-07-17 Tanner Reed

能你發佈你的標記和你有什麼treid？ – dm03514

這不是更好，所以使用服務器端腳本來確定基於搜索參數顯示什麼？ – Mohamad

顯示你已經嘗試過的一些，然後我們將能夠更好地幫助你。 –

像這樣：

if($('#yourElement').is(':visible')) 
{ 
    $('#yourOtherElement').hide(); 
}

如果你想顯示它不是，你可以用秀（），像這樣：

$('#yourOtherElement').show();

但是，如果這是頁面上確定的東西加載時，使用服務器端語言來定義它會更聰明。

來源

2013-07-17 18:37:06

他想隱藏div。 – ssilas777

我改變了我的答案 –

看起來你的頁面上只有一個幫助部分。

勢在必行方法： 所以，你可以使用的getElementById中檢索您的幫助部分元件解決這個問題。如果你沒有得到返回的元素，它不會附加到dom，否則檢查顯示屬性。基於

事件的方法（檢查瀏覽器限制）： 如果你只是刪除，並幫助部分追加到對需求的DOM，你可以結合DOM插入和移除觸發其他元素的可見性。這裏有一個相關的帖子裏事件綁定討論 Is there a jquery event that fires when a new node is inserted into the dom?

來源

2013-07-17 18:41:03

根據您的HTML標記，你可能只用CSS做。

CSS

#searchResults + #helpSection { 
    display: none; 
}

HTML

<div id="searchResults">Search search search</div> 
<div id="helpSection">Help help help</div>

在jsfiddle

見，當你刪除會發生什麼：

<div id="searchResults">Search search search</div>

來源

2013-07-17 19:04:53 Xotic750

如何在屏幕上顯示另一個div時隱藏div。

回答

相關問題