当我显示其他人时，需要隐藏显示的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

回答

相关问题