Code:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("a").click(function(){
$(".text").remove();
$(".kann").remove();
});
$(".Notepad").click(function(){
$(".programm").append("<div class=\"text\"> Text </div>");
$(".programm2").append("<div class=\"kann\"> und kann Notepad </div>");
});
$(".mallo2").click(function(){
$(".programm").append("<div class=\"text\"> mallo2 </div>");
$(".programm2").append("<div class=\"kann\"> und kann mallo2</div>");
});
$(".hallo3").click(function(){
$(".programm").append("<div class=\"text\"> hallo3 </div>");
$(".programm2").append("<div class=\"kann\"> und kann hallo3 </div>");
});
$(".mallo4").click(function(){
$(".programm").append("<div class=\"text\"> mallo4 </div>");
$(".programm2").append("<div class=\"kann\"> und kann mallo4</div>");
});
$(".hallo5").click(function(){
$(".programm").append("<div class=\"text\"> hallo5 </div>");
$(".programm2").append("<div class=\"kann\"> und kann hallo5</div>");
});
$(".mallo6").click(function(){
$(".programm").append("<div class=\"text\"> mallo6 </div>");
$(".programm2").append("<div class=\"kann\"> und kann mallo6</div>");
});
$(".hallo7").click(function(){
$(".programm").append("<div class=\"text\"> hallo7 </div>");
$(".programm2").append("<div class=\"kann\"> und kann hallo7</div>");
});
$(".mallo8").click(function(){
$(".programm").append("<div class=\"text\"> mallo8 </div>");
$(".programm2").append("<div class=\"kann\"> und kann mallo8</div>");
});
});
</script>
<title>
</title>
</head>
<body>
<div id="liste" align="left">
<h3 align="center">Textverarbeitung<hr></h3>
<table>
<tr><td><p><a href"" class="Notepad">Notepad ++</a><p></td><tr>
<tr><td><p><a href"" class="mallo2">mallo2</a></p></td><tr>
<tr><td><p><a href"" class="hallo3">hallo3</a></p></td><tr>
<tr><td><p><a href"" class="mallo4">mallo4</a></p></td><tr>
<tr><td><p><a href"" class="hallo5">hallo5</a></p></td><tr>
<tr><td><p><a href"" class="mallo6">mallo6</a></p></td><tr>
<tr><td><p><a href"" class="hallo7">hallo7</a></p></td><tr>
<tr><td><p><a href"" class="mallo8">mallo8</a></p></td><tr>
</table>
</div>
<div id="informationen" align="left">
<h2> Notepad ++ </h2><hr>
Das programm hat :<div class="programm"></div> <p>Das Programm Kann :<div class="programm2"></div></p>
<a href="Notepad++"><p><u>Weiter<u><p></a>
</div>
</body>
</html>
umständlich gelöst aber es funktioniert