Buenas gente.
Recién estoy arrancando con javascript y necesito saber si hay alguna manera de simplificar esto:
Código HTML:
$("#play1").click(function()
{
$('#reproductor1').css('display', 'inline');
$('#reproductor2').css('display', 'none');
$('#reproductor3').css('display', 'none');
$('#reproductor4').css('display', 'none');
$('#reproductor5').css('display', 'none');
$('#reproductor6').css('display', 'none');
$('#reproductor7').css('display', 'none');
$('#reproductor8').css('display', 'none');
$('#reproductor9').css('display', 'none');
$('#reproductor10').css('display', 'none');
$('#reproductor11').css('display', 'none');
$('#reproductor12').css('display', 'none');
})
Lo que hago es cuando apreta el boton play1 de <a id="play1">Play</a> muestro el reproductor 1, y así con 12 reproductores. Se me hace un choclazo de código y me parece que debe haber alguna manera mas simple, no??.
Gracias!.
Daniela.