[phpBB3] Tabellenzeilen mit ".toggleSlide()" ausblenden

von Naxos84 Mo 12 Aug 2013 - 16:07

Hallo. Ich habe folgendes Problem.

Ich habe folgende HTML-Struktur:

Code:: <table> <caption align="bottom">Text <a href="#">Linkname</a></caption> <thead> <th class="tableDescription">Skills</th> </thead> <tbody> <tr> <td class="tablePic"><img src="http://www.11panzerdivision.1x.de/Bilder/Guides/camo.png" alt="Tarnung"></td> <td class="tableHead GER">Tarnung</td><td class="tableHead ENG">Camo</td> </tr> <tr> <td></td> <td class="description" colspan="2">TEXT</td> </tr> <tr> <td class="tablePic"><img src="http://www.11panzerdivision.1x.de/Bilder/Guides/repair.png" alt="Reparatur"></td> <td class="tableHead GER">Reparatur</td><td class="tableHead ENG">Repair</td> </tr> <tr> <td></td> <td class="description" colspan="2">TEXT</td> </tr> </tbody> </table>

Und dazu folgendes Skript:

Code:: $(document).ready(function(){ $(".tablePic").click(function(){ $(this).parents().next().slideToggle("slow"); }); });

Damit möchte ich erreichen, dass wenn ich auf das Bild (class="tablePic") klicke, dass sich dann der Text (class="description") anzeigt bzw versteckt.
Soweit so gut....
Das Problem daran ist, das ich möchte dass zu Beginn der Text (class="description") NICHT zu sehen ist.
Das habe ich zwar versucht im CSS-Stylesheet zu lösen mit
.description{display:none;}
aber das hat nicht hin!

Weiß da jmd einen Rat?

von Günther Mo 12 Aug 2013 - 16:12

Hallo,

diese Frage hat nichts mit Forumieren-Foren oder deren Funktionen zu tun, sondern es handelt sich um eine allgemeine Frage zu Webdesign/-coding. Deshalb verweise ich darauf:
Hinweis bezüglich Templateänderungen, Scripten und HTML/ CSS-Codes
und verschiebe den Thread aus dem Supportbereich nach "Allgemeine Diskussionen".

Für derartige Fragen gibt es übrigens auch eigene Foren zu HTML/CSS/Javascript, in denen gerne geholfen wird. Smile

von Naxos84 Mo 12 Aug 2013 - 20:10

Das tut mir Leid, das ich das im falschen Forum gefragt habe.

Danke fürs verschieben, vielleicht weiß ja dort jmd Rat.

von Naxos84 Mi 21 Aug 2013 - 12:19

Problem gelöst.
habs mit div's statt ner Tabelle gemacht. und dann mit

$(this).parents().next().slideToggle(1000);

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

[phpBB3] Tabellenzeilen mit ".toggleSlide()" ausblenden

[phpBB3] Tabellenzeilen mit ".toggleSlide()" ausblenden

Re: [phpBB3] Tabellenzeilen mit ".toggleSlide()" ausblenden

Re: [phpBB3] Tabellenzeilen mit ".toggleSlide()" ausblenden

Re: [phpBB3] Tabellenzeilen mit ".toggleSlide()" ausblenden