Register a SA Forums Account here!
JOINING THE SA FORUMS WILL REMOVE THIS BIG AD, THE ANNOYING UNDERLINED ADS, AND STUPID INTERSTITIAL ADS!!!

You can: log in, read the tech support FAQ, or request your lost password. This dumb message (and those ads) will appear on every screen until you register! Get rid of this crap by registering your own SA Forums Account and joining roughly 150,000 Goons, for the one-time price of $9.95! We charge money because it costs us money per month for bills, and since we don't believe in showing ads to our users, we try to make the money back through forum registrations.
 
  • Post
  • Reply
Tots
Sep 3, 2007

:frogout:
I'm making a small personal website for myself and would like to know if anyone could point me in the direction of getting a menu in the style of the one found here:

http://code.octopuscreative.com/fancyselect/

It looks like it's going to be easy to do. It's just fading content in and out of a div (or the whole div?) when you click the corresponding link.

Any ideas?

Adbot
ADBOT LOVES YOU

Tots
Sep 3, 2007

:frogout:

Sudden Infant Def Syndrome posted:

You mean like the "Basic Usage / Updating Options"?

If you use jQuery it can be as easy as something like this:

Have two hidden divs with the content you want, and one that will hold the content.
code:
$("#link1").on("click", function() {
	$("#div").fadeOut( 500, function() { $(this).html( $("#item1).html() ).fadeIn(500) });
});
$("#link2").on("click", function() {
	$("#div").fadeOut( 500, function() { $(this).html( $("#item2).html() ).fadeIn(500) });
});

Thanks! I have jQuery installed, but I haven't used it for anything. I'll check this route out.

  • 1
  • 2
  • 3
  • 4
  • 5
  • Post
  • Reply