Update:
Just for a test I took off my style sheet to the page and now the error is gone. If I reapply the CSS, then the error comes back.
I see at the beginning of the javascript code that there is the switchcontent set to dispay: none
Could someone please see if I have some code that would conflict with the javascript or other parts of the code?
Below is what I am using in the body of the page.
Below that is the CSS I am using.
Again, the javascript is exactly copied from the DD website.
Code:
<body>
<div onClick="expandcontent(this, 'sc1')" class="vnavhead">Menu 1</div>
<div id="sc1" class="switchcontent">
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
</div>
<div onclick="expandcontent(this, 'sc2')" class="vnavhead">Menu 2</div>
<div id="sc2" class="switchcontent">
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
</div>
<div onclick="expandcontent(this, 'sc3')" class="vnavhead">Menu 3</div>
<div id="sc3" class="switchcontent">
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
<p><a href="#">Test</a></p>
</div>
</body>
Code:
.vnavhead {
background-color: #006;
padding: 5px;
margin-bottom: 2px;
color: #fff;
cursor: pointer;
width: 190px;
}
.switchcontent {
border: 1px solid #006;
margin-bottom: 2px;
padding: 5px 10px;
}
Thanks again for the help.
Bookmarks