Hallo :)
ich bin neu hier und beschäfftige mich seit kurzem HTML.
Meine Website besteht derzeit aus in einer Tabelle angeordneten Elementen. Darunter auch Bilder. Nun möchte ich diesen Bildern gern die Funktion zuweisen, dass, wenn ich auf eines drauf klicke, sich darüber seine Unterpunkte öffnen.
Ich hab schon einiges ausprobiert aber ich krieg es nicht hin :/
Das ganze soll so aussehen, dass der untere Teil der Seite nach unten geht, und der obere fest bleibt. Ich hatte überlegt, hierfür eine Zeile zwischen dem Titelbild und dem unteren Teil einzufügen, und dann dort eine div einzufügen, welche mit toggle() sich öffnet aber das klappte nicht.
Hier mein jQuery Code
<script type="text/javascript">
(document).ready(function(){
03 $("#sobo-einausblenden").hide();
04
05 $("sozial").click(function () {
06 $("#sobo-einausblenden").slideToggle("slow");
07 });
08
09 });
});
</script>
Hier der entsprechende HTML Code
<tr>
<td>
<div id="sozial">
<b>Bereich für social bookmarks</b><br>
</div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="farbe">
<p id="socialbookmarksanzeigen">
<a href="#" id="sobo-einausblenden"> <img src="Visualisierungsversuch/Sonnenblume.jpg" alt="Blume" width="170px" height="140px" id="sobo-einausblenden">
</p>
</td>
Wäre super wenn ihr mir helfen könntet :)
ich bin neu hier und beschäfftige mich seit kurzem HTML.
Meine Website besteht derzeit aus in einer Tabelle angeordneten Elementen. Darunter auch Bilder. Nun möchte ich diesen Bildern gern die Funktion zuweisen, dass, wenn ich auf eines drauf klicke, sich darüber seine Unterpunkte öffnen.
Ich hab schon einiges ausprobiert aber ich krieg es nicht hin :/
Das ganze soll so aussehen, dass der untere Teil der Seite nach unten geht, und der obere fest bleibt. Ich hatte überlegt, hierfür eine Zeile zwischen dem Titelbild und dem unteren Teil einzufügen, und dann dort eine div einzufügen, welche mit toggle() sich öffnet aber das klappte nicht.
Hier mein jQuery Code
<script type="text/javascript">
(document).ready(function(){
03 $("#sobo-einausblenden").hide();
04
05 $("sozial").click(function () {
06 $("#sobo-einausblenden").slideToggle("slow");
07 });
08
09 });
});
</script>
Hier der entsprechende HTML Code
<tr>
<td>
<div id="sozial">
<b>Bereich für social bookmarks</b><br>
</div>
</td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td id="farbe">
<p id="socialbookmarksanzeigen">
<a href="#" id="sobo-einausblenden"> <img src="Visualisierungsversuch/Sonnenblume.jpg" alt="Blume" width="170px" height="140px" id="sobo-einausblenden">
</p>
</td>
Wäre super wenn ihr mir helfen könntet :)
