1 Objekt mit 2 Klassen ?

[BDG]

Hey, nur ganz kurz gefragt :
Ist es möglich ein HTML-Objekt 2 Klassen zuzuweisen ?
In meinem Fall ein div :

<div class='css-block-inner' class='slidi'>

ist sowas möglich ?
Danke !

 

[NetAktiv]

Ja geht

<div class='css-block-inner slidi'>

 

[BDG]

???? Sicher das das funktioniert ? Und das andere nicht ?

 

[Space Vampire]

Ja.
Wenn du das Attribut class="" zwei mal vergibst, wird nur das zweite umgesetzt.
Mehrere klassen kommen immer mit Leerzeichen getrennt ins selbe Class-Attribut.
Wie NetAktiv es gezeigt hat.

 

[BDG]

Oke, dann noch eine kleine Frage : Ich benutze jQuery, und habe gemaht, wenn man auf die Klasse slidi klcikt, slidet das down. Jetzt soll, wenn man nochmal aus slidi klickt, soll das up-sliden... WIe geht das ?
Danke schonmal !!

 

[Tar]

Das geht mit toggle. Siehe auch:

.toggle() – jQuery API
http://www.html.de/javascript-ajax-und-dhtml/43056-toggle-funktion.html

 

[BDG]

Oke danke ! Eine letzte Frage aber noch : Wenn ich die Website nun aufrufe, ist das gewisse etwas schon da, und wenn ich klicke fährts ein,beim 2ten klick wieder raus usw.
Aber ich will, dass wenn man die Website aufruft, es noch nicht da ist, und beim Klick kommt, usw.

 

[NE4Y]

dann gib ihm standartmäßig in der css display:none; und beim klick eben dann block

 

[BDG]

aha... Interessant...
ich überlegs mir mal...

 

[BDG]

ja, also das verste ich jetzt nicht so ganz... Das muss doch irgendwie mit javaScript bzw. jQuery möglich sein, oder nicht ?

 

[Tar]

Warum nicht per CSS?

JQuery:

$(document).ready(function() 
{			
	$('#deineID').hide()
});

 

[BDG]

Hmm... Oke danke, ich hätte nicht gedacht, dass das geht, denn eigentlich wird da ja alles immer wiederholt, also die if abfragen und so, und ich dachte dann bleibt das immer versteckt.
Aber danke ! Jetzt gehts. Jetzt die allerletzte Frage : Wie ändere ich die animation ? bei mir slidet der von rechts nach links und von oben nach unten bzw. andersherum.
ich willl aber NUR ein einfaches slideUp, slideDown...

 

[BDG]

Erledigt, danke, dafür gibs slideToggle..

 

[dagunn]

dann musst du das Element ERST auf "hide" stellen
(soweit ich mich jetzt nicht täusche, da ich 1. keinen Quelltext habe und 2. es so bei ajax/css slidern geht )