Lexi Help
Partner
www.forumieren.com

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

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

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

Beitrag von Naxos84 am 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?


Zuletzt von Naxos84 am Mi 21 Aug 2013 - 12:19 bearbeitet, insgesamt 1 mal bearbeitet

Naxos84
Neuling
Neuling

Beiträge : 3
Anmeldedatum : 01.08.13

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Günther am 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

Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
Firefox

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Naxos84 am 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.

Naxos84
Neuling
Neuling

Beiträge : 3
Anmeldedatum : 01.08.13

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von Naxos84 am 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);

Naxos84
Neuling
Neuling

Beiträge : 3
Anmeldedatum : 01.08.13

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten