dave: Ein objekt dynamisch ein und ausblenden

Beitrag lesen

Hallo, ich nehme an, du möchtest beim rollOver des "What's new"-Links, dass der "Test"-Div erscheint, vice versa.

Ich würde dem "Test-Div" eine ID geben und ihn verstecken(display:none). Weiteres dem "What's New"-Link MouseListener (onMouseOver, onMouseOut), die die jeweilige Funktion aufrufen, zuordnen.

zB:
//Javascript
<script type="text/javascript">
function show(div_id){
    var elm = document.getElementById(div_id);
    if (elm) elm.style.display = 'block';
}
function hide(div_id){
    var elm = document.getElementById(div_id);
    if (elm) elm.style.display = 'none';
}
</script>

//HTML
<a href="index.php?Itemid=34&amp;option=com_content" class="mainlevel" onMouseOver="show('test_div');" onMouseOut="hide('test_div');" >What's New</a>

<!-- Dieses Div muss erscheinen und verschwinden -->
<div style="padding-left: 4px; display:none;">
<a href="index.php?Itemid=51&amp;option=com_content" class="sublevel" id="test_div" >Test</a>
 </div>