Java Script: Div mit Klasser versehen

[GrimFandango]

Hey,

also es geht um Folgendes: Ich bin gerade dabei, eine Homepage zu Coden. Nun möchte ich für die Referenzen-Liste, einen JavaScript-Effekt einbauen. Und zwar soll der Benutzer auf "Details" klicken können und dann soll sich ein kleines Kästchen ausfahren, wo mehr drin steht. Dafür habe ich auch schon den passenden Code gefunden:

<script src="http://code.jquery.com/jquery-latest.js"></script>

	  <script>
	  $(document).ready(function(){

	    $(document.div).click(function () {
	      if ($("div:first").is(":hidden")) {
	        $("div").slideDown("slow");
	      } else {
	        $("div").hide();
	      }
	    });

	  });
	  </script>

und im HTML-Bereich dann so:

Click me!
		  <div style="background:#de9a44; margin:3px; width:80px; 
		        height:40px; display:none; float:left;"></div>

Das erste Problem: es werden jetzt natürlich erstmal alle Div's ausgeblendet, weil sie vorher zu sehen waren, um dann bei einem erneuten Klick wieder auszufahren. Ich will aber nur eben diesen einen Div dazu bringen, sich auszufahren. Wie kann ich also dem div in JavaScript eine "class" geben?


Vielleicht fällt ja jemandem von euch was ein.

Vielen Dank,
Christian

 

[saila]

AW: Java Script: Div mit Klasser versehen

Hi,

zeig mal deinen HTML-Code, welchen du derzeit verwendest (kein jQuery!).

 

[cebito]

AW: Java Script: Div mit Klasser versehen

Gib deinem div erstmal eine ID, über diese kannst du ihn dann auch ansprechen, statt:

 $(document.div).click(function ()

 $("#meindiv").click(function ()

Eine Klasse lässt sich mit jquery ganz einfach zufügen:

$("#meindiv").addClass("dieNeueKlasse");

 

[BlackScorp]

AW: Java Script: Div mit Klasser versehen

du kannst auch nur einen bestimmten div mit einer klasse ansprechen

$('div.className').click(function(){//do somethink});