[FRAGE] Call css with javascript

[reinterpret]

hi. ich würde gerne divs beim klicken eines bestimmten ankerlinks langsam ausblenden.

das ist es was ich bis jetzt habe:

im headbereich:

<script>
$(document).ready(function(){
    $('#galerie').click(function(){
        $("#white, .white2, .white3").addClass("make");
    });
});
</script>


der link: 
<a href="#fünf" id="galerie" class="nav" onclick="aktivieren(this.href)">Galerie</a>

aufruf der divs:
<div id="white"></div>
<div class="white2"></div>
<div class="white3"></div>

CSS:
#white{
	position:fixed;
	left:620px;
	top:0;
	right:0;
	bottom:0;
	z-index:10;
	position:fixed;
	height:100%;
	background-image:url(http://envogue.becausedesignmatters.com/images/bg_1.png);
	opacity:0.7;
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
	background-repeat:repeat-y;
	background-position:left;
}
.make {
    background-color: rgba(0,0,0,0.1);    transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;            
}

.white2{
	position:fixed;
	background-color:rgba(0,0,0,0.20);
	left:1216px;
	top:0;
	right:0;
	bottom:0;
	z-index:11;
	background-image:url(http://envogue.becausedesignmatters.com/images/bg_2.png);
	opacity:0.9;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
	background-repeat:repeat-y;
	background-position:left;
	
}
.white3{position:fixed;
	background-color:rgba(0,0,0,0.10);
	left:1816px;
	top:0;
	right:0;
	bottom:0;
	z-index:12;
	background-image:url(http://envogue.becausedesignmatters.com/images/bg_3.png);
	opacity:1;
    filter: alpha(opacity=100);
    -moz-opacity:1;
	background-repeat:repeat-y;
	background-position:left;
	
}

es ist sicher alles noch nicht so ordentlich und zum testen gedacht gerade noch. aber warum funktioniert das nicht?

Link: Home

Wäre Klasse wenn ich das hinbekommen würde. Sitze jetzt schon eine Weile daran und habe auch viel gegoogelt. kenne mich aber zugegebener massen nicht aus mit Javascript.

 

[kkapsner]

Was heißt genau "funktioniert nicht"? Steht etwas in der Fehlerkonsole?

 

[reinterpret]

Danke. Also die gemusterten divs sollen eigentlich ausgeblendet werden. ein kleiner fehler ist mir jetzt auch noch aufgefallen. ich hatte davor einfach dunkle flächen. jetzt habe ich bilder

css:

.make {
    opacity:0;
    filter: alpha(opacity=0);
    -moz-opacity:0;    
	transition: all 2.0s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;            
}

- - - Aktualisiert - - -

die fehlerkonsole gibt mehrere dinge aus die ich noch irgendwann bereinigen muss. aber die haben glaube ich soweit nichts mit dem problem zu tun? ich mache das sicher was falsch.

 

[kkapsner]

Mach' doch mal eine Zeichnung, wie es aussehen soll. Mir ist nicht ganz klar, was genau dein Problem ist.