Dropdown einer Section - finde den Fehler nicht

[thomas1977mg]

Hallo zusammen,

aus dem Beispiel von Roman V2.4 habe ich mir eine Sektion kopiert und wollte die auch als DropDown anzeigen lassen.
Im oberen Teil steht die Zeilenbeschreibung "WLAN" und dann soll der QR-Code usw. auf Klick aufgehen.
Aber bei mir ist der untere Teil immer direkt sichtbar und erst nach Klick auf Wlan schließt er sich. Ich finde aber einfach nicht den Grund dafür.
Vielleicht könnt Ihr Euch mal den Code ansehen.

Code Auswählen Erweitern



<section id="sectionGastWlan">
<table width="100%">
<tr>
<td width="35%" rowspan="2">
<div onclick="$('html, body').animate({scrollTop: $('#sectionGastWlan').offset().top}, 500); if ($('#dropGastWlan').is(':hidden')) { $('#dropGastWlan').slideDown(500); $('#dropdownGastWlan > i.fa').addClass('fa-rotate-180'); } else { $('#dropGastWlan').slideUp(500); $('#dropdownGastWlan > i.fa').removeClass('fa-rotate-180'); }"
id="dropdownGastWlan"
class="large left-align">Wlan
<i class="fa fa-angle-double-down large cell"></i>
</div>
</td>
</table>
<div id="dropGastWlan">
<table width="100%">
<tr>
<td width="50%">
<div class="top-space">Gäste WLan QR-Code:
</div>
</td>
<td width="50%">
<div class="top-space">Anleitung:
</div>
</td>
</tr>

<tr>
<td width="50%">
<div class="top-space"
data-type="image"
data-url="./images/FritzBoxGastWlan.png"
data-size="20%">

</div>
</td>
<td width="50%">
<div class="top-space">Anleitung:
<div data-type="switch"
data-device="Fritzbox"
data-icon="fa-wifi"
data-on-color="#32a054"
data-get="box_guestWlan"
data-get-on="on"
data-get-off="off"
data-set="guestWlan"
data-set-on="on"
data-set-off="off"
class="narrow">
</div>
</div>
</td>
</tr>
</table>
</div>
</section>


[SirMarco]

Der teil mit den ID stimmt nicht, schaue dir nochmal das Beispiel an, sonst kann ich dir etst morgen helfen

[thomas1977mg]

Danke für die Meldung. Aber ich kann hier nichts finden.
Vielleicht hast Du ja Morgen ein paar Minuten Zeit zum Checken.

Vielen Dank und gute Nacht.

[SirMarco]

Was soll den der erste Teil von onclick machen?

Code Auswählen Erweitern


<div onclick="$('html, body').animate({scrollTop: $('#sectionGastWlan').offset().top}, 500);


[sinus61]

Code Auswählen Erweitern

if ($('#dropGastWlan').is(':hidden'))

Hier wird ja bei onclick geschaut ob #dropGastWlan hidden ist, ich sehe aber nirgends wo der Teil auf hidden gesetzt wird. Kenne die Vorlage dazu nicht, aber irgendwas scheint da zu fehlen.

[n4rrOx]

Hi,

vllt. in der user.css folgenden Eintrag hinzufügen:

Code Auswählen Erweitern


#dropGastWlan {
display: none;
}


[thomas1977mg]

Spitze - das war es. Hatte keine Ahnung, dass es in der CSS versteckt sein konnte.

Läuft...!