Изкачащ прозорец ( не pop-up )

[AVGuser]

Абе не знам темата дали е за този раздел, защото и аз не знам всъщност как става...
Ето я и дилемата ми правя едно сайтче, в едната страница е набъкано с изброени песни и до тях има бутонче "Прослушай", eто така изглежда:

И въпроса ми е как да изкочи под бутончето прозорче, в което може да се добави <embed ( в случая player ), нещо като във vbox7, като натиснетш "Добави в любими" и от долу излиза "Клипчето е добавено в любими", пробвах да махна бутона, вместо него направо player-a, но страницата става много тежка, сигурно става много просто, но като не знам как...помагайте

 

[gLaVoReZa]

<html>
<head>
<title>test, test</title>
</head>
<body>
Изпълнител - Име на песента <input type="button" value="Послушай" onclick="PlayerDiv.style.display='block'">
<div id="PlayerDiv" style="display:none;width:280px;height:40px;;border:1px solid orangered;">
Плейър
</div>
</body>
</html>

Това?

 

[AVGuser]

Не е това което исках, но става. А как мога да си запазя бутончето ?

 

[gLaVoReZa]

<html>
<head>
<title>test, test</title>
</head>
<body>
Изпълнител - Име на песента <a href="#" onclick="PlayerDiv.style.display='block'"><img src="image.gif"></a>
<div id="PlayerDiv" style="display:none;width:280px;height:40px;;border:1px solid orangered;">
Плейър
</div>
</body>
</html>

В същата директория в която е този html файл трябва да сложиш картинката, и тя да се казва image.gif Така тя ще бъде използвана като бутон

 

[AVGuser]

Благодаря, супер стана. A може ли при повторно натискане на бутона да изчезне player-a?

 

[gLaVoReZa]

<html>
<head>
<title>test, test</title>
</head>
<body>
Изпълнител - Име на песента <a href="#" onclick="if(PlayerDiv.style.display=='none'){PlayerDiv.style.display='block'}else{PlayerDiv.style.display='none'}"><img src="image.gif"></a>
<div id="PlayerDiv" style="display:none;width:280px;height:40px;;border:1px solid orangered;">
Плейър
</div>
</body>
</html>