Cześć, mam takie menu wysuwane (poziome, do góry), gdzie po kliknięciu w link pojawia się (poprzez jQuery - zmiana display z none na block) okienko z treścią. Jak do tego dodać, że gdy już mam wyświetlone okienko z treścią i jak sobie wybieram znowu coś z menu, to obecne okienko z treścią opacity zmienia na połowę (takie na w pół widoczne).
Moje kody:
<script type="text/javascript">
$(document).ready(function()
{
$(".topmenu ul").css({ display: "none" }); // Opera Fix
$(".topmenu li").hover(
function() {
$(this).find('ul:first').css({ visibility: "visible", display: "none" }).show(600);
},
function() {
$(this).find('ul:first').css({ visibility: "hidden" });
}
);
});
</script>
<script type="text/javascript">
function makeactive(tab) {
document.getElementById("content_b").style.display = "block";
$("#content").fadeIn('1000');
callAjax('content.php?content= '+tab, 'content', 'Getting content. Wait...', 'Error!');
}
</script>
<div id="content_b" style="display: none;"><div id="content" style="display: none;"></div></div>
//poniżej kawałek menu
<ul id="css3menu1" class="topmenu"> <li class="topfirst"><a href="#" style="height:17px;line-height:17px;"><span>asd
</span></a> <li onclick="makeactive(1)"><a href="#">asd 1
</a></li> <li onclick="makeactive(2)"><a href="#">asd 2
</a></li> ............