Auf Thema antworten 2026

Beitrag

<blockquote data-quote="proximate" data-source="post: 2199278" data-attributes="member: 331158">Hallo miteinander,ich mühe mich seit gefühlten 5 Stunden (oke es waren erst 3...) <img src="/styles/default/xenforo/smilies/tongue.gif"&nbsp; class="smilie" loading="lazy" alt=":-P" title="Stick Out Tongue&nbsp; &nbsp; :-P" data-shortname=":-P" />damit ab eine Slide in Animation für einen Div Container zu erstellen welche anderst aus als eingeblendet werden soll (einblenden mit easing ausblenden linear)nun nach einigem rumprobieren bin ch auf die (meiner meinung nach) beste möglichkeit mittels if / else gekommen, nun verhält sich das ganze je nach aufbau jedoch ganz anderst als erwartet. ich habs mal hinbekommen das das ganze eingeblendet aber danach gleich wieder ausgeblendet wird (toooooll!) <img src="/styles/default/xenforo/smilies/biggrin.gif"&nbsp; class="smilie" loading="lazy" alt=":D" title="Big Grin&nbsp; &nbsp; :D" data-shortname=":D" />mit dem aktuellen stand nimmt er zwar die if anweisung greift jedoch nicht auf das else zurück (sprich einblenden ok - ausblenden nokmomentan versuche ich das ganze mit :visible /:hidden resp. if :hidden else ....auf meinem weg dahin habe ich auch bereits mit if .css(&#039;display&#039;:&#039;none&#039;) dieselben ergebnisse erzielt (das selbe inkorrekte verhalten.)nun zu meiner Frage, habe ich einen denkfehler (sprich geht garnicht so) oder einfach einen logikfehler (geht schon aber nicht so du depp <img src="/styles/default/xenforo/smilies/tongue.gif"&nbsp; class="smilie" loading="lazy" alt=":P" title="Stick Out Tongue&nbsp; &nbsp; :P" data-shortname=":P" />)langer rede kurzer sinn hier kurz der aktuelle stand :[CODE]$(document).ready(function() {&nbsp; &nbsp; $(&quot;.catItemBody&quot;).hide();&nbsp; &nbsp; &nbsp; $(&quot;.catItemHeader&quot;).click(function(ausblenden){&nbsp; &nbsp; &nbsp; &nbsp; if($(this).next(&#039;.catItemBody:hidden&#039;)){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).next(&#039;.catItemBody&#039;).slideDown(1000,&#039;easeOutElastic&#039;)&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).next(&#039;.catItemBody&#039;).slideUp(1000,&#039;linear&#039;)&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });});[/CODE]habe auch bereits versucht das ganze in 2 functions zu packen mit der jeweiligen if anweisung :hidden / :visible - hat allerdings auch nicht funktioniert (hätte mich auch gewundert ehrlich gesagt)eben im besten falle war ich soweit das er einfach das ganze ding abbrennen lies sprich slideDown .... pause ... slideUpIch bin ratlos hat jemand einen Tipp ?(PS: nein ich mögchte das ganze nicht über ein accordion plugin lösen da es in ein joomla implementiert wird somit möchte ich anpassungen an der html struktur wenn möglich vermeiden.) worst case ist halt der toggle aber dann habe ich dieselbe animation <img src="/styles/default/xenforo/smilies/uhm.gif"&nbsp; class="smilie" loading="lazy" alt=":(" title="Frown&nbsp; &nbsp; :(" data-shortname=":(" />grüsseProXi</blockquote>

[QUOTE="proximate, post: 2199278, member: 331158"] Hallo miteinander, ich mühe mich seit gefühlten 5 Stunden (oke es waren erst 3...) :-P damit ab eine Slide in Animation für einen Div Container zu erstellen welche anderst aus als eingeblendet werden soll (einblenden mit easing ausblenden linear) nun nach einigem rumprobieren bin ch auf die (meiner meinung nach) beste möglichkeit mittels if / else gekommen, nun verhält sich das ganze je nach aufbau jedoch ganz anderst als erwartet. ich habs mal hinbekommen das das ganze eingeblendet aber danach gleich wieder ausgeblendet wird (toooooll!) :D mit dem aktuellen stand nimmt er zwar die if anweisung greift jedoch nicht auf das else zurück (sprich einblenden ok - ausblenden nok momentan versuche ich das ganze mit :visible /:hidden resp. if :hidden else .... auf meinem weg dahin habe ich auch bereits mit if .css('display':'none') dieselben ergebnisse erzielt (das selbe inkorrekte verhalten.) nun zu meiner Frage, habe ich einen denkfehler (sprich geht garnicht so) oder einfach einen logikfehler (geht schon aber nicht so du depp :P) langer rede kurzer sinn hier kurz der aktuelle stand : [CODE] $(document).ready(function() { $(".catItemBody").hide(); $(".catItemHeader").click(function(ausblenden){ if($(this).next('.catItemBody:hidden')){ $(this).next('.catItemBody').slideDown(1000,'easeOutElastic') } else{ $(this).next('.catItemBody').slideUp(1000,'linear') } }); }); [/CODE] habe auch bereits versucht das ganze in 2 functions zu packen mit der jeweiligen if anweisung :hidden / :visible - hat allerdings auch nicht funktioniert (hätte mich auch gewundert ehrlich gesagt) eben im besten falle war ich soweit das er einfach das ganze ding abbrennen lies sprich slideDown .... pause ... slideUp Ich bin ratlos hat jemand einen Tipp ? (PS: nein ich mögchte das ganze nicht über ein accordion plugin lösen da es in ein joomla implementiert wird somit möchte ich anpassungen an der html struktur wenn möglich vermeiden.) worst case ist halt der toggle aber dann habe ich dieselbe animation :( grüsse ProXi [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?