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.
<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>
Der teil mit den ID stimmt nicht, schaue dir nochmal das Beispiel an, sonst kann ich dir etst morgen helfen
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.
Was soll den der erste Teil von onclick machen?
<div onclick="$('html, body').animate({scrollTop: $('#sectionGastWlan').offset().top}, 500);
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.
Hi,
vllt. in der user.css folgenden Eintrag hinzufügen:
#dropGastWlan {
display: none;
}
Spitze - das war es. Hatte keine Ahnung, dass es in der CSS versteckt sein konnte.
Läuft...! ;-)