Hi!
Thanks for your reply. Here is the code but it is very fuzzy beause I paste it from a joomla article.
Here is the url: http://athalaiis.hu
It works fine. Clicking the "news" slides the transparent panel but the other menus does it so. :(
<p style="text-align: center;">
<img alt="" src="http://athalaiis.hu/images/Athalaiis%20log_ksz%20copy_kicsi.png" style="width: 300px; height: 112px;" /></p>
<p style="text-align: center;">
<div id="flip">
<img alt="news" height="242" src="images/menu%20elements/news.png" width="170" />
<a href="index.php?option=com_content&view=article&id=90:the-band-kattintos&catid=87:index-page">
<img alt="band" height="242" src="images/menu%20elements/band.png" width="170" /></a><a href="index.php/discography">
<img alt="discography" height="242" src="images/menu%20elements/discography.png" width="170" /></a>
<a href="http://athalaiis.hu/index.php/downloads/download"><img alt="download" height="242" src="images/menu%20elements/download.png" width="170" /></a>
<img alt="poe" height="242" src="images/menu%20elements/poe.png" width="170" />
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#transparent;
border:solid 1px #transparent;
}
#panel
{
padding:50px;
display:none;
} </style>
<div id="flip">
<div id="panel">
Hello world!
</div>
