quiero poner una lista dentro de un div, y cuando el sursor salga de la lista y del div que desaparezcan ambos
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.contenedor {
display:flex;
}
.medidas{
margin:20px;
display:none;
width:100px;
height:100px;
border:1px solid black;
}
.cont {
display:block;
width:100px;
height:100px;
border:1px solid black;
}
</style>
<script type="text/javascript">
function mostrar() {
document.getElementById("size3").style.display = "inline-block";
}
function mostrar1() {
document.getElementById("size4").style.display = "inline-block";
}
function ocultar (realName) {
var lista = document.getElementsByTagName("ul")[0].style.display ="none";
lista.getElementsByTagName("li")[0];
}
</script>
</head>
<body>
<section class="contenedor">
<div onclick="mostrar()" id="size1" style="width:100px; height:100px; border:1px solid black;">
AAAAAA
<div id="size3" class="medidas">BBBBBB
<ul onmouseout="ocultar('size1')" id="cont">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</div>
</section>
</body>
</html>
(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)