view + hide content by clicking link

**bewise** · Sep 21, 2006, 01:56

Hi all, I want to be able to hide and show content of my website by clicking on various heading links. i.e. by clickin on a specific heading, the info about that heading will appear under that heading. The content related to the heading is within a <div>.

Has any1 got any javascript code that will hide/show the content of the <div>, depending on how many times the link header is clicked?

Cheers

**nationalvisa** · Sep 21, 2006, 01:59

try this link
http://haugland.ca/?p=tutorial&i=23

or go to www.pixel2life.com and search for the term "hide"

**bewise** · Sep 21, 2006, 05:28

That tutorial helped me out no end. However, ive got a few extensions that id like to make to the code:

1. Id like the menus collapsed when the website is loaded. Ive tried the following, but im getting no luck:

The follwoing code is added to the top of the source file on a page of my web site:

Code:

<SCRIPT LANGUAGE="JavaScript">
     document.getElementById(idofadiv).style.display = "none"; 
</SCRIPT>

This does not collapse the menus. Any ideas?

2. When I click on all of the menus on 1 page of my website except 1 -> all menus, except 1 are collapsed.

When I click on one of the buttons under the extended menu, all of the other menus will suddenly become extended. Any ideas how I cna keep the collapsed menus sollapsed while working within the extended menu?

Cheeers

**parsonsgfys** · Sep 21, 2006, 09:09

There's a pretty good tutorial on this here. It may be slightly different to the way you're doing it now but it works pretty good.

**bewise** · Sep 22, 2006, 07:42

one problem with the tutorial that you mentioned, it requires a <body> tag.

Because im using a web control (.aspx) file, this does not contant a <body> tag, and if I try to entere one, an error will appear.

Any other ways I could go about this?

The SitePoint Forums have moved.

User Tag List

Thread: view + hide content by clicking link

Thread Tools

Display

view + hide content by clicking link

Bookmarks

Bookmarks

Posting Permissions