當我顯示其他人時，需要隱藏顯示的div

我被卡住了。我有一個帶3個按鈕的頁面，3個按鈕做了一些事情 - 它們改變了div的樣式，並且還顯示/隱藏了內容div。 div風格的改變工作正常，但我有內容div的問題。如果您登錄該頁面並點擊「我們的品牌」標籤，然後點擊其他2個標籤，則其正常工作。如果您登錄該頁面，並首先點擊「新增功能」或「關於我們」，則顯示/隱藏功能無法正常工作 - 直到您實際點擊「我們的品牌」。當我顯示其他人時，需要隱藏顯示的div

http://www.adriancollins.net/clients/kennys/

任何幫助，將不勝感激，我是一個設計師首先，關於第九千開發商。

顯示/隱藏代碼

<script type="text/javascript"> 

var _hidediv = null; 
function showdiv(id) { 
if(_hidediv) 
    _hidediv(); 
var div = document.getElementById(id); 
div.style.display = 'block'; 
_hidediv = function() { div.style.display = 'none'; }; 
} 
</script>

標籤的div

<div id="brand_button"><a href="#" onClick="showdiv('brands_content');  lower.className='blue';angle.className='blue_angle';return false"><img src="wp-content/uploads/2012/10/brands_button.png"></a></div> 

<div id="whatsnew_button"><a href="#" onClick="showdiv('new_content');lower.className='black';angle.className='black_angle';return false"><img src="wp-content/uploads/2012/10/whatsnew_button.png"></a></div> 

<div id="about_button"><a href="#" onClick="showdiv('about_content');lower.className='green';angle.className='green_angle';return false"><img src="wp-content/uploads/2012/10/about_button.png"></a></div>

內容的div

<div id="brands_content">Content...</div> 
<div id="new_content">Content...</div> 
<div id="about_content">Content...</div>

CSS

#brands_content 

{ 
position: relative; 
display: block; 
width: 990px; 
top: 10px; 
height: auto; 
min-height: 800px; 
margin-left: auto; 
margin-top: 0px; 
margin-right: auto; 
border: 0px; 
padding: 0px 0px 0px 0px; 
z-index: 12; 


} 



#new_content 

{ 
position: relative; 
display: none; 
width: 990px; 
top: 10px; 
height: auto; 
min-height: 800px; 
margin-left: auto; 
margin-top: 0px; 
margin-right: auto; 
border: 0px; 
padding: 0px 0px 0px 0px; 
z-index: 999; 
color: #fff; 



} 



#about_content 

{ 
position: relative; 
display: none; 
width: 990px; 
top: 10px; 
height: auto; 
min-height: 800px;  
margin-left: auto; 
margin-top: 0px; 
margin-right: auto; 
border: 0px; 
padding: 0px 0px 0px 0px; 
z-index: 999; 



}

謝謝

來源

2012-10-23 adrian collins

請在您的文章相關的代碼。 –

完成，對不起， –

YOu應該清理一下。我看到'showDiv'函數定義了兩次。它看起來像什麼是新的按鈕（new_content）和相應的div（whats_content） –

You can change your body tag to be: 

<body class="home page page-id-5 page-template page-template-home-php"> 

to 

<body class="home page page-id-5 page-template page-template-home-php" onload="showdiv('brands_content')">

來源

2012-10-23 23:08:26 sjramsay

像冠軍一樣工作，謝謝！ –

快速解決方案是調用showdiv（'brands_content'）;畢竟你的html加載完畢後，你已經有效地點擊了「我們的品牌」，並且所有的行爲都符合要求。

<div id="brand_button"><a href="#" onClick="showdiv('brands_content');  lower.className='blue';angle.className='blue_angle';return false"><img src="wp-content/uploads/2012/10/brands_button.png"></a></div> 

<div id="whatsnew_button"><a href="#" onClick="showdiv('new_content');lower.className='black';angle.className='black_angle';return false"><img src="wp-content/uploads/2012/10/whatsnew_button.png"></a></div> 

<div id="about_button"><a href="#" onClick="showdiv('about_content');lower.className='green';angle.className='green_angle';return false"><img src="wp-content/uploads/2012/10/about_button.png"></a></div> 
showdiv('brands_content');

來源

2012-10-23 23:01:49 CrazyWebDeveloper

傳遞什麼差異什麼是代碼是？謝謝。 –

與href：showdiv（'brands_content'）; – CrazyWebDeveloper

我會把它放在上面嗎？再次感謝！ –

當我顯示其他人時，需要隱藏顯示的div

回答

相關問題