• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div mit Link einblenden, Link ausblenden

D

domitz

Neues Mitglied
Hey, ich habe viele Tuturials im Internet gefunden, mit denen man ein Div durch nur einen Klick einblenden/ausblenden lassen kann.

Leider finde ich kein Tuturial womit ich ein Div mit einem Link einblenden lassen kann und wo der Link nach dem anklicken dann auch verschwindet (heißt ein weiteres Div in dem der Link ist wird damit dann auch gleich ausgeblendet.

Würde mich sehr über Hilfe freuen, vielen Dank
 
Werbung:
Dafür musst Du nur das einzublendende Objekt und gleichzeitig das auszublendende Objekt ausblenden. Diese Codes kannst Du nahezu beliebig miteinander kombinieren. Eine konkrete Anleitung für solche Mini-Aufgaben wird es vermutlich nicht geben.
 
Werbung:
Hallo,

das hier kommt in den <head>

Code: 
<script language="JavaScript" type="text/javascript">
<!--
function einblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="inline";
}
else{
display="none";
}
}
}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
function ausblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="none";
}
else{
display="none";
}
}
}
//-->
</script>
Und des in den Body:

HTML: 
<a href="#" onClick="einblenden('div1'); ausblenden('div2'); return false;">Link 1</a>

<a href="#" onClick="einblenden('div2'); ausblenden('div1'); return false;">Link 2</a>

<div id="div1" style="display:none;">
bla bla
</div>
<div id="div2" style="display:none;">
bla bla
</div>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben