I'm starting with js and in practice this question arose:
The script that I will show below works correctly.
<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>
But when I enter this script within $(document).ready(function(){})
the code no longer works:
<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>
What did I do wrong?