/    Sign up×
Community /Pin to ProfileBookmark

[RESOLVED] Simple JS Question

Copy linkTweet thisAlerts:
Jul 17.2008

Hey guys….I hope this is a simple question….

I have a bunch of hidden divs that I would like to toggle displaying by using javascript. I have it setup so if you click a URL the div is shown and if you click the same URL it is hidden.

What I would like to do is display hidden div1 when clicking on URL1, but when clicking on URL2 it would hide div1 first and then display div2.

This is the JS I’m currently using:

function DisplayDIV(d) {
if (document.getElementById(d).style.display == “block”) {
document.getElementById(d).style.display = “none”;
}else{
document.getElementById(d).style.display = “block”;
}
}

Any ideas?

Thanks!!

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@gil_davisJul 17.2008 — <i>
</i>curr = "";
function DisplayDIV(d) {
if (curr != "")
{document.getElementById(curr).style.display = "none";}
if (document.getElementById(d).style.display == "block")
{document.getElementById(d).style.display = "none";}
else
{document.getElementById(d).style.display = "block";
curr = d;}
}
Copy linkTweet thisAlerts:
@joseph_liuauthorJul 17.2008 — Perfect!! Thanks for the quick help!!
×

Success!

Help @joseph_liu 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.17,
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,
)...