any idea how to do the code more short.
<!DOCTYPE html>
<html>
<head>
<style>
body
{
background-image: url("simpsons.jpg");
background-repeat: no-repeat;
background-position: center top;
background-color: yellow;
}
h1 {
color: black;
text-align: center;
}
p {
color:rgb(0, 0, 255);
}
li:before {
content: "* ";
color:rgb(255, 109, 0);
}
ul li {
color:rgb(255, 0, 0);
}
</style>
</head>
<body>
<h1>Los Simpsons temporada 10 </h1> <br><br><br><br><br><br><br><br><br><br><br><br>
<ul>
<li><button onclick="myFunction1()">1 La sazon del baile</button></li><br>
<div id="1" style="display:none;">
<img src="s1.jpg" alt="capitulo 1" style="width:304px;height:228px;">
<p>Lisa ayuda a integrarse a la escuela a una nueva alumna,
cuyas actitudes pueden ser un poco maduras para su edad.
Mientras, Homero y Bart tratan de vender grasa. Estrella invitada: Lisa Kudrow....</p>
</div>
<script>
function myFunction1() {
var x = document.getElementById('1');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction2()">2 El mago de la terraza Siempreverde</button></li><br>
<div id="2" style="display:none;">
<img src="s2.jpg" alt="capitulo 2" style="width:304px;height:228px;">
<p>Homero se da cuenta de que desperdició la mitad de su vida e,
inspirado por Thomas Edison, decide convertirse en inventor. Estrella invitada: William Daniels....</p>
</div>
<script>
function myFunction2() {
var x = document.getElementById('2');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction3()">3 Bart la madre</button></li><br>
<div id="3" style="display:none;">
<img src="s3.jpg" alt="capitulo 3" style="width:304px;height:228px;">
<p>Bart mata accidentalmente a un pájaro y toma la responsabilidad de incubar los dos huevos que había en su nido....</p>
</div>
<script>
function myFunction3() {
var x = document.getElementById('3');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction4()">4 Especial de noche de brujas IX</button></li><br>
<div id="4" style="display:none;">
<img src="s4.jpg" alt="capitulo 4" style="width:304px;height:228px;">
<p>El bisoñé diabólico: Homero se transplanta el pelo del delincuente recientemente ejecutado Snake.
Estrella invitada: Ed McMahon....</p>
</div>
<script>
function myFunction4() {
var x = document.getElementById('4');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction5()">5 Cuando se anhela a una estrella</button></li><br>
<div id="5" style="display:none;">
<img src="s5.jpg" alt="capitulo 5" style="width:304px;height:228px;">
<p>Homero consigue trabajo como asistente de Kim Basinger y Alec Baldwin.
Otras estrellas invitadas: Ron Howard y Brian Grazer....</p>
</div>
<script>
function myFunction5() {
var x = document.getElementById('5');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction6()">6 D'oh en el viento</button></li><br>
<div id="6" style="display:none;">
<img src="s6.jpg" alt="capitulo 6" style="width:304px;height:228px;">
<p>Homero quiere saber cuál es su segundo nombre, y acaba convertido en hippie.
Estrellas invitadas: George Carlin y Martin Mull....</p>
</div>
<script>
function myFunction6() {
var x = document.getElementById('6');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction7()">7 Lisa obtiene un 10</button></li><br>
<div id="7" style="display:none;">
<img src="s7.jpg" alt="capitulo 7" style="width:304px;height:228px;">
<p>Lisa descubre cuán adictivos pueden ser los videojuegos, y se olvida de estudiar para un examen.
Siguiendo el consejo de Bart, hace trampa y consigue una nota que le posibilita a la escuela un gran au...
</p>
</div>
<script>
function myFunction7() {
var x = document.getElementById('7');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction8()">8 Homero Simpson en problemas renales</button></li><br>
<div id="8" style="display:none;">
<img src="s8.jpg" alt="capitulo 8" style="width:304px;height:228px;">
<p>Cuando Homero no quiere parar el auto, los riñones del abuelo explotan, y necesita un transplante.
¿Le donará Homero uno de los suyos o huirá cobardemente?...</p>
</div>
<script>
function myFunction8() {
var x = document.getElementById('8');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction9()">9 Encuentro con la mafia</button></li><br>
<div id="9" style="display:none;">
<img src="s9.jpg" alt="capitulo 9" style="width:304px;height:228px;">
<p>Homero se convierte en guardaespaldas del alcalde,
pero descubre algo terrible que pone en riesgo su vida y la del alcalde Diamante.
Estrella invitada: Mark Hamill, Dick Tufeld y Joe Mantegna....</p>
</div>
<script>
function myFunction9() {
var x = document.getElementById('9');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction10()">10 Viva Ned Flanders</button></li><br>
<div id="10" style="display:none;">
<img src="s10.jpg" alt="capitulo 10" style="width:304px;height:228px;">
<p>Homero y Ned Flanders van a Las Vegas, donde sin darse cuenta se casan con dos mozas.
Estrellas invitadas: The Moody Blues.....</p>
</div>
<script>
function myFunction10() {
var x = document.getElementById('10');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction11()">11 A un Bart Salvaje nadie puede destrozarlo</button></li><br>
<div id="11" style="display:none;">
<img src="s11.jpg" alt="capitulo 11" style="width:304px;height:228px;">
<p>Cuando los Isótopos de Springfield ganan un partido, Homero, Barney, Lenny y lo festejan destruyendo la escuela.
Pero se culpa a los alumnos y la ciudad incorpora un toque de queda.</p>
</div>
<script>
function myFunction11() {
var x = document.getElementById('11');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction12()">12 Domingo cruel domingo</button></li><br>
<div id="12" style="display:none;">
<img src="s12.jpg" alt="capitulo 12" style="width:304px;height:228px;">
<p>Cuando un agente de viajes llamado Wally le vende a Homero entradas para el Super Bowl,
él estimula a todos los notables de Springfield para sumarse al grupo. Pero una vez en el estadio se dan cuenta...</p>
</div>
<script>
function myFunction12() {
var x = document.getElementById('12');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction13()">13 Homero al máximo</button></li><br>
<div id="13" style="display:none;">
<img src="s13.jpg" alt="capitulo 13" style="width:304px;height:228px;">
<p>Cuando una nueva serie de televisión convierte a su personaje principal, cuyo nombre no es otro que Homero Simpson,
en un bufón, Homero trata de tomar distancia de él cambiando su nombre a Max Power....</p>
</div>
<script>
function myFunction13() {
var x = document.getElementById('13');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction14()">14 Me acompaña cupido</button></li><br>
<div id="14" style="display:none;">
<img src="s14.jpg" alt="capitulo 14" style="width:304px;height:228px;">
<p>Cuando Apu le da a su esposa regalos valiosos para San Valentín, pone a todos los hombres de Springfield en ridículo.
Estrellas invitadas: Jan Hooks y Elton John....</p>
</div>
<script>
function myFunction14() {
var x = document.getElementById('14');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction15()">15 El submarino amarillo</button></li><br>
<div id="15" style="display:none;">
<img src="s15.jpg" alt="capitulo 15" style="width:304px;height:228px;">
<p>Cuando Homero compra por error la versión femenina del Canyonero, se avergüenza e intercambia su auto con el de Marge.
Pero cuando ella se sube a su nuevo auto, se intoxica con el poder del vehículo....</p>
</div>
<script>
function myFunction15() {
var x = document.getElementById('15');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction16()">16 Un espacio para Lisa</button></li><br>
<div id="16" style="display:none;">
<img src="s16.jpg" alt="capitulo 16" style="width:304px;height:228px;">
<p>Lisa tiene stress cuando tiene que compartir el cuarto con Bart. Para aliviarla,
Homero la lleva a una tienda New Age donde ambos se sumergen en tanques de privación sensorial.
Mientras, Marge descubre....</p>
</div>
<script>
function myFunction16() {
var x = document.getElementById('16');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction17()">17 Homero trabaja demasiado</button></li><br>
<div id="17" style="display:none;">
<img src="s17.jpg" alt="capitulo 17" style="width:304px;height:228px;">
<p>Homero reemplaza a un camionero en su recorrido después de ganarle en un concurso de quién come más carne.
Mientras tanto, Marge y Lisa intentan instalar un nuevo timbre en casa....</p>
</div>
<script>
function myFunction17() {
var x = document.getElementById('17');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction18()">18 Historias de la biblia</button></li><br>
<div id="18" style="display:none;">
<img src="s18.jpg" alt="capitulo 18" style="width:304px;height:228px;">
<p>Cuando el reverendo da un sermón particularmente aburrido los Simpsons se duermen y sueñan que son Adán y Eva,
Moisés, y David enfrentando a Goliat....</p>
</div>
<script>
function myFunction18() {
var x = document.getElementById('18');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction19()">19 Arte de mamá y papá</button></li><br>
<div id="19" style="display:none;">
<img src="s19.jpg" alt="capitulo 19" style="width:304px;height:228px;">
<p>La comunidad artística de Springfield se interesa en arte externo creado por Homero.
Estrellas invitadas: Isabella Rosellini y Jasper Johns....</p>
</div>
<script>
function myFunction19() {
var x = document.getElementById('19');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction20()">20 El anciano y el estudiante con malas calificaciones</button></li><br>
<div id="20" style="display:none;">
<img src="s20.jpg" alt="capitulo 20" style="width:304px;height:228px;">
<p>Cuando Bart arruina la posibilidad de Springfield de ser sede de los Juegos Olímpicos,
es castigado con tareas comunitarias en el geriátrico. Estrella invitada: Jack LaLane....</p>
</div>
<script>
function myFunction20() {
var x = document.getElementById('20');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction21()">21 Monty no puede comprarme amor</button></li><br>
<div id="21" style="display:none;">
<img src="s21.jpg" alt="capitulo 21" style="width:304px;height:228px;">
<p>Envidioso por la admiración que muestra la gente hacia el multimillonario Arthur Fortune,
el Sr. Burns decide cambiar su imagen pública siguiendo los consejos de Homero, pero cuando esto no funciona,...</p>
</div>
<script>
function myFunction21() {
var x = document.getElementById('21');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction22()">22 Salvaron el cerebro de Lisa</button></li><br>
<div id="22" style="display:none;">
<img src="s22.jpg" alt="capitulo 22" style="width:304px;height:228px;">
<p>Después de enviar una carta a la ciudad pidiendo que todos dejen de humillarse Lisa es invitada a entrar en MENSA.
Estrella invitada: Stephen Hawking....</p>
</div>
<script>
function myFunction22() {
var x = document.getElementById('22');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
<li><button onclick="myFunction23()">23 Treinta minutos sobre Tokio</button></li><br>
<div id="23" style="display:none;">
<img src="s23.jpg" alt="capitulo 23" style="width:304px;height:228px;">
<p>Los Simpson viajan a Tokyo con la intención de pasar las vacaciones, pero una vez allí,
pierden todo su dinero y para poder volver a casa se ven obligados a participar en un salvaje concurso de television....</p>
</div>
<script>
function myFunction23() {
var x = document.getElementById('23');
if (x.style.display === 'none') {
x.style.display = 'block';
} else {
x.style.display = 'none';
}
}
</script>
</ul>
</body>
</html>