Me gustaría que cuando el puntero se posara sobre este div:
<div onmouseover="transition-bar-pp-over();"
onmouseout="transition-bar-pp-out();"
">
Este otro div apareciera, respondiéndo al script que se encuentra más abajo y que supongo está errado ya que no me funciona.
<div id="bar-edit-pp" style="
width: 840px;
height: 40px;
display: none;
\">
<script type="text/javascript">
transition-bar-pp-over {
document.getElementById('bar-edit-pp').style.transition="visibility 2s";
document.getElementById('bar-edit-pp').style.visibility:hover="visible";
}
transition-bar-pp-out {
document.getElementById('bar-edit-pp').style.transition="visibility 2s";
document.getElementById('bar-edit-pp').style.visibility="none";
}
</script>