Moinsen!
Ich habe nicht all zu viel Ahnung von Javascript und Co., daher kann ich diese wahrscheinlich sehr einfache Frage mir nicht selbst beantworten. Einen Code aus dem Netz habe ich so weit reduzieren und anpassen koennen, dass er nun fast vollstaendig ausreicht.
Was ich allerdings noch gerne haette waere, dass das Element BILD standardmaessig ausgeblendet ist. Wie kann man das umsetzen?
Vielen Dank fuer Eure Hilfe!
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>jQuery 04 - Show und Hide</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery_04-1_show_hide.js" type="text/javascript"></script>
</head>
<body>
<div id="hideButton" type="button" value="hide" /> HIDE </div>
<div id="pfeilbild" type="button" value="show" /> SHOW </div>
<div id="scrolldown" style="position: absolute; left: 0px; top: 0px">BILD</div>
</body>
</html>
JS
$(document).ready(function() {
$("#showButton").click(function() {
$("#scrolldown").fadeIn("slow");
});
$("#hideButton").click(function() {
$("#scrolldown").fadeOut("slow");
});
});