/    Sign up×
Community /Pin to ProfileBookmark

1 contractible header at a time

I have a pretty good start to a really cool concept, the script uses contractable headers. I want only 1 to be expanded at a time, Can anyone help me with this??????

I’ll post the full code

<html>
<head>
<script language=”JavaScript1.2″>
<!–
var ns6=document.getElementById&&!document.all?1:0

var head=”display:””
var origPos=”

function openup(curobj){
origPos=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (origPos.display==”none”)
origPos.display=””
else
origPos.display=”none”
}

//–>
</script>
<style><!–
body{cursor:default; overflow:auto}
{background:#111999; color:#111999}
a{color:#111999}
a:hover{color:#FFFFFF}
a{text-decoration:none}
//–></style>
<title>uhhh</title>
</head>
<body bgcolor=”111999″ text=”111999″>
<font face=”Verdana”>
<table width=”600″ border=”0″ cellspacing=”0″ cellpadding=”0″ align=”center”>
<tr>
<td bgcolor=”111999″ width=”600″ height=”76″ align=”center”><a href=”#top”>
<font color=”#FFFFFF”><h3 style=”cursor:pointer; cursor:hand” onClick=”openup(this)”>My Resume</h3></font></a>
<tr span style=”display:” style=&{head};>
<td bgcolor=”111999″ width=”600″ height=”0″ align=”center”><a name=”top”><font color=”#FFFFFF”>jsdjl dkfjalksd jflk djflkajd flakj dflkad jsflkas jdfl;aksjd flaksdj flaksdjf laksdjf laksdj flaksdjf laksdjf laksdjf laksdj fsfgfg<BR></font></td>
</tr>

<tr>
<td background=”files/menu1.jpg” width=”600″ height=”76″ align=”center”><a href=”#objectives”>
<h3 style=”cursor:pointer; cursor:hand” onClick=”openup(this)”>Objectives</h3></a>

<tr span style=”display:none” style=&{head};><td bgcolor=”FFFFFF” width=”600″ height=”300″ align=”center”><a name=”objectives”>kfj hskjdf hskjdf hksdhf aksjdh fkd hfkasd hfk hsdfkjh asdkjf hasdkj fhkjasd hfkjasd hfkjs dhfkjasd hfkj ahsdkfjh askdjf hkjasd hfkajsd hfkjsd hafkja hsdfkjasd hfkj hsadkjf haksdjf hkajsd hfkjasd hfkja sdhfkj asdhfk asdkf hkasd fhkjsda hfkjahsd fkahd sfkjhasd kjahsd fkjhasd fkj ahsdfkjh asdfkh askdjfh aksdjf hkasdj hfkajsd hfkajshd fkjas dhfkajsd hfkjasd hfkjas hdfkja hsdfkjha sdfk hasdkfh aksdj hfkasjd hfkasd hfkds fsdaf</td></tr>

<tr>
<td background=”files/menu2.jpg” width=”600″ height=”76″ align=”center”><a href=”#qualifications”>
<h3 style=”cursor:pointer; cursor:hand” onClick=”openup(this)”>Qualifications</h3></a>

<tr span style=”display:none” style=&{head};><td bgcolor=”FFFFFF” width=”600″ height=”300″ align=”center”><a name=”qualifications”>kfj hskjdf hskjdf hksdhf aksjdh fkd hfkasd hfk hsdfkjh asdkjf hasdkj fhkjasd hfkjasd hfkjs dhfkjasd hfkj ahsdkfjh askdjf hkjasd hfkajsd hfkjsd hafkja hsdfkjasd hfkj hsadkjf haksdjf hkajsd hfkjasd hfkja sdhfkj asdhfk asdkf hkasd fhkjsda hfkjahsd fkahd sfkjhasd kjahsd fkjhasd fkj ahsdfkjh asdfkh askdjfh aksdjf hkasdj hfkajsd hfkajshd fkjas dhfkajsd hfkjasd hfkjas hdfkja hsdfkjha sdfk hasdkfh aksdj hfkasjd hfkasd hfkds fsdaf</td></tr>

<tr>
<td background=”files/menu3.jpg” width=”600″ height=”76″ align=”center”><a href=”#education”>
<h3 style=”cursor:pointer; cursor:hand” onClick=”openup(this)”>Education</h3></a>

<tr span style=”display:none” style=&{head};><td bgcolor=”FFFFFF” width=”600″ height=”300″ align=”center”><a name=”education”>kfj hskjdf hskjdf hksdhf aksjdh fkd hfkasd hfk hsdfkjh asdkjf hasdkj fhkjasd hfkjasd hfkjs dhfkjasd hfkj ahsdkfjh askdjf hkjasd hfkajsd hfkjsd hafkja hsdfkjasd hfkj hsadkjf haksdjf hkajsd hfkjasd hfkja sdhfkj asdhfk asdkf hkasd fhkjsda hfkjahsd fkahd sfkjhasd kjahsd fkjhasd fkj ahsdfkjh asdfkh askdjfh aksdjf hkasdj hfkajsd hfkajshd fkjas dhfkajsd hfkjasd hfkjas hdfkja hsdfkjha sdfk hasdkfh aksdj hfkasjd hfkasd hfkds fsdaf</td></tr>

<tr>
<td background=”files/menu4.jpg” width=”600″ height=”76″ align=”center”><a href=”#references”>
<h3 style=”cursor:pointer; cursor:hand” onClick=”openup(this)”>References</h3></a>

<tr span style=”display:none” style=&{head};><td bgcolor=”FFFFFF” width=”600″ height=”300″ align=”center”><a name=”references”>kfj hskjdf hskjdf hksdhf aksjdh fkd hfkasd hfk hsdfkjh asdkjf hasdkj fhkjasd hfkjasd hfkjs dhfkjasd hfkj ahsdkfjh askdjf hkjasd hfkajsd hfkjsd hafkja hsdfkjasd hfkj hsadkjf haksdjf hkajsd hfkjasd hfkja sdhfkj asdhfk asdkf hkasd fhkjsda hfkjahsd fkahd sfkjhasd kjahsd fkjhasd fkj ahsdfkjh asdfkh askdjfh aksdjf hkasdj hfkajsd hfkajshd fkjas dhfkajsd hfkjasd hfkjas hdfkja hsdfkjha sdfk hasdkfh aksdj hfkasjd hfkasd hfkds fsdaf</td></tr>

<tr>
<td background=”files/menu5.jpg” width=”600″ height=”76″ align=”center”><a href=”#contact”>
<h3 style=”cursor:pointer; cursor:hand” onClick=”openup(this)”>Contact</h3></a>

<tr span style=”display:none” style=&{head};><td bgcolor=”FFFFFF” width=”600″ height=”300″ align=”center”><a name=”contact”>kfj hskjdf hskjdf hksdhf aksjdh fkd hfkasd hfk hsdfkjh asdkjf hasdkj fhkjasd hfkjasd hfkjs dhfkjasd hfkj ahsdkfjh askdjf hkjasd hfkajsd hfkjsd hafkja hsdfkjasd hfkj hsadkjf haksdjf hkajsd hfkjasd hfkja sdhfkj asdhfk asdkf hkasd fhkjsda hfkjahsd fkahd sfkjhasd kjahsd fkjhasd fkj ahsdfkjh asdfkh askdjfh aksdjf hkasdj hfkajsd hfkajshd fkjas dhfkajsd hfkjasd hfkjas hdfkja hsdfkjha sdfk hasdkfh aksdj hfkasjd hfkasd hfkds fsdaf</td></tr>

</table></font>
</body>
</html>

to post a comment
JavaScript

0Be the first to comment 😎

×

Success!

Help @miseryann spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...