Wie kann ich ein div ein-/ausblenden, wenn eine Schaltfläche angeklickt wird?
Ich habe ein "div", das einen Registrierungsassistenten enthält, und ich muss dieses "div" ausblenden/einblenden, wenn eine Schaltfläche angeklickt wird. Wie kann ich das tun?
Unten zeige ich Ihnen den Code.
Danke :)
<div id="wizard" class="swMain">
<ul>
<li><a href="#step-1">
<label class="stepNumber">1</label>
</a></li>
<li><a href="#step-2">
<label class="stepNumber">2</label>
</a></li>
<li><a href="#step-3">
<label class="stepNumber">3</label>
</a></li>
<li><a href="#step-4">
<label class="stepNumber">4</label>
</a></li>
</ul>
<div id="step-1">
<h2 class="StepTitle">Perfil</h2>
<table cellspacing="3" cellpadding="3" align="center">
<tr>
<td align="center" colspan="3"> </td>
</tr>
<tr>
<td align="right">Username :</td>
<td align="left">
<input type="text" id="username" name="username" value="" class="txtBox">
</td>
<td align="left"><span id="msg_username"></span> </td>
</tr>
<tr>
<td align="right">Password :</td>
<td align="left">
<input type="password" id="password" name="password" value="" class="txtBox">
</td>
<td align="left"><span id="msg_password"></span> </td>
</tr>
</table>
</div>
32
3
Verwenden Sie JQuery. Sie müssen ein Klick-Ereignis für Ihre Schaltfläche einrichten, das die Sichtbarkeit Ihres Assistenten-Divs umschaltet.
Weitere Informationen finden Sie auf der JQuery Website.
Dies kann auch ohne JQuery gemacht werden. Sie verwenden nur Standard-JavaScript:
Fügen Sie dann
onclick="toggle_visibility('id_of_element_to_toggle');"
zu der Schaltfläche hinzu, die zum Ein- und Ausblenden des div verwendet wird.Dies kann nicht nur mit HTML/CSS gemacht werden. Sie müssen hier javascript verwenden. In jQuery würde es sein: