0

ハマった。私は3つのボタンがあるページを持っています、3つのボタンはいくつかのことをします-それらはdivのスタイルを変更し、そしてそれらはまたコンテンツdivを表示/非表示にします。divスタイルの変更は問題なく機能しますが、コンテンツdivに問題があります。ページにアクセスして[ブランド]タブをクリックし、他の2つのタブをクリックすると、正常に機能します。ページにアクセスして、最初に[新着情報]または[会社概要]をクリックすると、表示/非表示が正しく機能しません。実際に[ブランド]をクリックするまで機能しません。

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

助けていただければ幸いです。私は最初にデザイナーであり、約9000番目の開発者です。

コードの表示/非表示

<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 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 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;



}

ありがとう

4

2 に答える 2

0 
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-23T23:08:26.703 に答える
0

簡単な解決策は、showdiv（'brands_content'）;を呼び出すことです。すべてのHTMLがロードされたら、「Our Brands」をクリックすると、すべてが希望どおりに動作します。

<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-23T23:01:49.573 に答える