<html>
<head>
<style>
body{
background: #ecf0f1;
}
#container-main{
margin:40px auto;
width:95%;
min-width:320px;
max-width:960px;
}
#container-main h1{
font-size: 40px;
text-shadow:4px 4px 5px #16a085;
}
.accordion-container {
width: 100%;
margin: 0 0 20px;
clear:both;
}
.accordion-titulo {
position: relative;
display: block;
padding: 20px;
font-size: 24px;
font-weight: 300;
background: #fd0404;
color: rgb(0, 0, 0);
text-decoration: none;
}
.accordion-titulo.open {
background: #ff0000;
color: #fff;
}
.accordion-titulo:hover {
background: #1abc9c;
}
.accordion-titulo span.toggle-icon:before {
content:"+";
}
.accordion-titulo.open span.toggle-icon:before {
content:"-";
}
.accordion-titulo span.toggle-icon {
position: absolute;
top: 10px;
right: 20px;
font-size: 38px;
font-weight:bold;
}
.accordion-content {
display: none;
padding: 20px;
overflow: auto;
}
.accordion-content p{
margin:0;
}
.accordion-content img {
display: block;
float: left;
margin: 0 15px 10px 0;
width: 50%;
height: auto;
}
@media (max-width: 767px) {
.accordion-content {
padding: 10px 0;
}
}
</style>
<script>
$(function(){
$(".accordion-titulo").click(function(e){
e.preventDefault();
var abra=$(this).next(".accordion-content");
if(abra.css("display")=="none"){ //open
abra.slideDown(250);
$(this).addClass("open");
}
else{ //close
abra .slideUp(250);
$(this).removeClass("open");
}
});
});
</script>
</head>
<body>
<div id="container-main">
<h1>Os Mitos do Fut</h1>
<div class="accordion-container">
<a href="#" class="accordion-titulo">Messi<span class="toggle-icon"></span></a>
<div class="accordion-content">
<img src="http://e0.365dm.com/15/05/660x350/champions-league-barcelona-bayern-munich-soccer-messi_3299830.jpg?20150506214236" alt=""/>
<p>
Biografia de Lionel Messi
Lionel Messi (1987) é um jogador de futebol argentino que joga no time Barcelona. Foi considerado o melhor jogador do mundo por várias vezes e campeão por três anos consecutivos.
Lionel Andrés Messi (1987) nasceu em Rosário, na Argentina, no dia 24 de junho de 1987.
Revelou interesse pelo futebol desde a infância. Jogou num pequeno clube chamado Abanderado Grandoli, localizado perto de sua casa. Aos 7 anos, entrou para jogar no time Newell's Old Boys. Messi enfrentou problemas hormonais que lhe impedia o crescimento de forma natural.
Por isso, fez tratamento com medicação injetável.
</p>
</div>
</div>
<div class="accordion-container">
<a href="#" class="accordion-titulo">CR7 (C.Ronaldo)<span class="toggle-icon"></span></a>
<div class="accordion-content">
<img src="http://www.abc.es/Media/201301/10/cristiano-ronaldo--644x362.jpg" alt=""/>
<p>
</p>
</div>
</div>
</div>
</body>
</html>