Toggle displayed content

**josephcohen** · 11-16-2008, 06:41 PM

I was looking at some stuff on google and they have these cool links that when you click them it opens up more content and pushses text underneath it down.

I looked at their coding and css and put together this but it didnt work. any ideas how?

HTML Code:

<html>
<head>
<title>Hello</title>
<style type="text/css">

  .zippy_content {
    display: block;
  }

/* Known Issues */
.known_issues_table th {
  font-weight: normal;
}

a.expand{
  background: url('http://www.google.com/images/zippy_minus_sm.gif') no-repeat 0 0;
  padding-left: 20px;
}
a.collapse{
  background: url('http://www.google.com/images/zippy_plus_sm.gif') no-repeat 0 0;
  padding-left: 20px;
}

a.expand h3, a.collapse h3 {
  display: inline;
  text-decoration: none;
}




</style>
</head>
<body>
<p><a href="javascript:toggleLayer('sc1');toggleZippy('a1')" id="a1" class="collapse"><strong>Current Known Issues</strong></a></p>
<div style="display:none" id="sc1">
<p>
<p>Issue: The Advanced Reporting feature to "Show data by targeting type - contextual or placement" currently returns aggregate results, instead of results by targeting type.</p>
<p>Update: Our engineers are aware of the issue and are working to resolve it as quickly as possible.</p>
</div>

</body>
</html>

**jabis** · 07:49 PM

You're missing the javascript part entirely, that's what's wrong

For this kind of javascript issues, you'd be best to check out some of the ajax frameworks listed on the JavaScript forum stickies. There you'll find a lot of stuff related to JavaScript animation etc.

**Rotco88** · 11-20-2008, 08:31 AM

Well as jabis said,

you need the whole javascript part *GG*

Well you could also check this website out:
http://javascript.internet.com/

They have a lot of great stuff, put if you have to build it your self follow jabis link.

**tsiger** · 11-20-2008, 04:05 PM

Speaking of framework, one of the most popular out there is jQuery and there's a nice plugin for achieving this effect

**tmnoncain** · 11-20-2008, 09:36 PM

Quote:

Originally Posted by jabis

You're missing the javascript part entirely, that's what's wrong

For this kind of javascript issues, you'd be best to check out some of the ajax frameworks listed on the JavaScript forum stickies. There you'll find a lot of stuff related to JavaScript animation etc.

Thanks for the information. I to came accross this and had trouble getting it to work.. I put it aside for a while bc I was quite busy at the time. It's good to know what I was doing wrong!

Looks like it's time to pull out the old project again!