Nick_SMI
Ensign
- Registriert
- Sep. 2015
- Beiträge
- 153
Hallo zusammen!
Im folgenden seht ihr einen Code. Dieser Code stellt eine Art ausklappbare Box da.
Ich möchte, dass wenn man auf Tipp klickt, dass sich danach die dd's öffnen.
Das tuen Sie auch, aber ich möchte, dass danach, wenn diese dd's komplett geöffnet sind, automatisch nach unten gescrollt wird.
Hier der/die Code/s:
HTML:
CSS:
Im folgenden seht ihr einen Code. Dieser Code stellt eine Art ausklappbare Box da.
Ich möchte, dass wenn man auf Tipp klickt, dass sich danach die dd's öffnen.
Das tuen Sie auch, aber ich möchte, dass danach, wenn diese dd's komplett geöffnet sind, automatisch nach unten gescrollt wird.
Hier der/die Code/s:
HTML:
Code:
<dl>
<dt>Tipp</dt>
<dd>
<font class="mehrAbstandFont"><b>Zur Frage 1:</b> Ein ganz wichtiger Typ, der bei Bedingungen gebraucht wird. </font>
</dd>
</dl>
<script type="text/javascript">
$(document).ready(function(){
$("dt").click(function(){
$(this).next("dd").slideToggle("fast");
$(this).children("a").toggleClass("closed open");
});
});
</script>CSS:
Code:
dd { /* Funktion für den ausklappbaren Text (Liste) */
display: none;
background: #c7cfd8;
margin: -4px 2px auto 3px;
float: left;
width: 770px;
padding: 10px 2px 10px 18px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
dl { /* Funktion für den ausklappbaren Text (Liste) */
margin: 2px;
}
dt { /* Funktion für den ausklappbaren Text (Liste) */
color: white;
font-weight: bold;
background: #6082BB;
float: left;
width: 770px;
padding: 10px;
border: 1px solid white;
cursor: pointer;
border-radius: 5px;
margin: 4px 2px auto 2px;
}
