Toggle link

Roobiks

Grünschnabel
Hallo zusammen :D

Hier mal zuerst der Code:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content Type" content="text/html; charset=utf-8" />
<title></title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

$(".slidingDiv").hide();
$(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});

});

</script>

</head>

<body>

<a href="#" class="show_hide">Show/hide</a>
<div class="slidingDiv">
Hier kommt Text hinein</div>

</body>

</html>

Nun möchte ich gerne, dass wenn der Text angezeigt wird der Link "Hide" zeigt und wenn der Text nicht angezeigt wird "Show". Also nicht "Show/hide", sondern "Show" oder "hide".
Wer kann mit bei der Codeerweiterung helfen?

Vielen Dank im Vorfeld, :)
Roobiks
 

Neue Beiträge

Zurück