Hello everyone, I was wondering if someone might be able to help me.

I have 4 links that toggle the opacity of 4 seperate divs, this works
great I have the z-index swapping and the opacity fading.

The Problem: When I select one section I want the remaining 3 divs to
fade away. For example if I click a link it fades in and the 3 divs
remaining that I did not select fade away. Any help is really

code looks something like this:

<!-- My slides where content fades in -->
<div id="slideWrap">
        <div id="slide-deck" align="center">
    <div id="fade-quicktime" align="center">
    <div id="fade-flash" align="center">
    <div id="fade-smil" align="center">
    <div id="fade-windows" align="center">
<!-- end slides -->

<!-- my categories, navigation that triggers content to fade in and
out -->
  <div class="slideNavigation">

        <!-- quicktime -->
        <div id="quicktime">
          <a href="#" onclick="Effect.toggle('fade-
quicktime','appear'); return false;" ><img alt="category 1"
src="images/streamingSkin/logo.png" /></a>
          <h1>Quick Time</h1>

        <!-- flash -->
        <div id="flash">
          <a href="#" onclick="Effect.toggle('fade-flash','appear');
return false;" ><img alt="category 1" src="images/streamingSkin/
logo.png" /></a>

        <!-- SMIL -->
        <div id="smil">
          <a href="#" onclick="Effect.toggle('fade-smil','appear');
return false;" ><img alt="category 1" src="images/streamingSkin/
logo.png" /></a>

        <!-- Windows Media -->
        <div id="windows">
          <a href="#" onclick="Effect.toggle('fade-windows','appear');
return false;" ><img alt="category 1" src="images/streamingSkin/
logo.png" /></a>
          <h1>Windows Media Player</h1>

You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to