Estoy iniciando con js y en la práctica surgió esta duda:
El script que mostraré a continuación funciona correctamente.
<script src="js/jquery-2.0.2.min.js"></script>
<script>
function accion(num){
if (num==1) {
$('#imagen1').hide().fadeIn(3000);
}
else if (num==2) {
$('#imagen2').hide().fadeIn(3000);
}
else if (num==3) {
$('#imagen3').hide().fadeIn(3000);
}
}
</script>
Pero cuando este script lo introduzco dentro de $(document).ready(function(){})
el código ya no funciona:
<script>
$(document).ready(function(){
function accion(num){
if (num==1) {
$('#imagen1').hide().fadeIn(3000);
}
else if (num==2) {
$('#imagen2').hide().fadeIn(3000);
}
else if (num==3) {
$('#imagen3').hide().fadeIn(3000);
}
}
});
</script>
¿Qué hice mal?
accion()
?