Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Isometric" data-source="post: 2073058" data-attributes="member: 295036">AW: Id mit JQuery auswertenIch werde beide Varianten mal ausprobieren.Im Prinzip soll es so werden, wie hier (Beispiel 2 umgebaut).[HTML]&lt;div id=&quot;container&quot;&gt;&nbsp;&nbsp; &nbsp; &lt;h2&gt;Hier steht die Überschrift &lt;a href=&quot;#&quot; id=&quot;button&quot; class=&quot;closed&quot;&gt;Details&lt;/a&gt;&lt;/h2&gt;&nbsp; &nbsp; &lt;p&gt;Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente (h2) eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen.&lt;/p&gt;&nbsp; &nbsp; &lt;h2&gt;Hier steht die Überschrift &lt;a href=&quot;#&quot; id=&quot;button&quot; class=&quot;closed&quot;&gt;Details&lt;/a&gt;&lt;/h2&gt;&nbsp; &nbsp; &lt;p&gt;Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente (h2) eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen.&lt;/p&gt;&nbsp; &nbsp; &lt;h2&gt;Hier steht die Überschrift &lt;a href=&quot;#&quot; id=&quot;button&quot; class=&quot;closed&quot;&gt;Details&lt;/a&gt;&lt;/h2&gt;&nbsp; &nbsp; &lt;p&gt;Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente (h2) eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen.&lt;/p&gt;&lt;/div&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt;$(document).ready(function(){&nbsp; &nbsp; $(&quot;h2&quot;).click(function(){ // trigger &nbsp; &nbsp; &nbsp; &nbsp; $(&#039;p&#039;).hide();&nbsp; &nbsp; &nbsp; &nbsp; $(&#039;a&#039;).removeClass(&quot;open&quot;);&nbsp; &nbsp; &nbsp; &nbsp; $(&#039;a&#039;).addClass(&#039;closed&#039;);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).prev().children(&quot;a&quot;).toggleClass(&quot;closed open&quot;); // wechselt beim Klick auf &quot;h2&quot; die Klasse des enthaltenen a-Tags von &quot;closed&quot; zu &quot;open&quot;. &nbsp; &nbsp; &nbsp; &nbsp; $(this).next(&quot;p&quot;).slideToggle(&quot;fast&quot;); // blendet beim Klick auf &quot;h2&quot; die nächste &quot;p&quot; ein. &nbsp; &nbsp; &nbsp; &nbsp; $(this).children(&quot;a&quot;).toggleClass(&quot;closed open&quot;); // wechselt beim Klick auf &quot;h2&quot; die Klasse des enthaltenen a-Tags von &quot;closed&quot; zu &quot;open&quot;. &nbsp; &nbsp; });});&lt;/script&gt;[/HTML]Es soll sich immer nur ein Textblock öffnen und die anderen sollen geschlossen sein.Auf jeden Fall noch mal danke für Eure Hilfe, allein hätte ich mich da wieder Stunden im Kreis gedreht.</blockquote>

[QUOTE="Isometric, post: 2073058, member: 295036"] [b]AW: Id mit JQuery auswerten[/b] Ich werde beide Varianten mal ausprobieren. Im Prinzip soll es so werden, wie hier (Beispiel 2 umgebaut). [HTML]<div id="container"> <h2>Hier steht die Überschrift <a href="#" id="button" class="closed">Details</a></h2> Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente (h2) eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen. <h2>Hier steht die Überschrift <a href="#" id="button" class="closed">Details</a></h2> Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente (h2) eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen. <h2>Hier steht die Überschrift <a href="#" id="button" class="closed">Details</a></h2> Hier steht die detallierte Beschreibung. Dieser Text wird erst nach einem Klick auf das übergeordnete Elemente (h2) eingeblendet. Parallel wird auch die Klasse des Links gewechselt um den Pfeil zu drehen. </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("h2").click(function(){ // trigger $('p').hide(); $('a').removeClass("open"); $('a').addClass('closed'); $(this).prev().children("a").toggleClass("closed open"); // wechselt beim Klick auf "h2" die Klasse des enthaltenen a-Tags von "closed" zu "open". $(this).next("p").slideToggle("fast"); // blendet beim Klick auf "h2" die nächste "p" ein. $(this).children("a").toggleClass("closed open"); // wechselt beim Klick auf "h2" die Klasse des enthaltenen a-Tags von "closed" zu "open". }); }); </script>[/HTML]Es soll sich immer nur ein Textblock öffnen und die anderen sollen geschlossen sein. Auf jeden Fall noch mal danke für Eure Hilfe, allein hätte ich mich da wieder Stunden im Kreis gedreht. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?