Hola les iba a pedir consulta en relación al siguiente aspecto;
Tengo estos 3 documentos enlazados (html, css, js); quiero que los divs circulares que he incluido me desaparezcan al clickear en ellos, para ello he puesto el efecto jquery que les incluyo, sin embargo no me hace nada, asi me pueden detectar el error porque yo no lo localizo; aquí les dejo los 3 archivos:
HTML
<div class="pantallacentral">
<div id="saco1">hola </div>
<div id="saco2"> </div>
<div id="saco3" > </div>
<div id="saco4"> </div>
<div id="saco5"> </div>
</div>
</html>
CSS
#saco1 {
height: 50px;
width: 50px;
border-radius: 100%;
background-color: #FF9C5B;
display: inline-block;
}
JAVASCRIPT
<script type="text/javascript">
$(document).ready(function() {
$('#saco1').click(function() {
$('#saco1').fadeOut('slow');
});
});
</script>