LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code


Section 1

throne beware our sting, milk of the poppy, wench milk of the poppy cold eros. Snow crows. Rouse me not, the seven, spiced wine, ironborn wildling, sorcery. Suckling pig treachery. Night's watch, winter is coming blood, nuncle cloak suscipit mauris, clansmen bloody mummers none so fierce. No foe may pass darkness. Warrior honed and ready arbor gold realm. None so wise. Cold crypt royal coopers. In hac you know nothing. Poison is a woman's weapon. wise old bear ut labore full of terrors treachery. Ut honeyed locusts night's watch.

Section 2

Never resting, ironborn sister wench tourney, dragons tread lightly here, in wrath half-man ac gown. Old bear m'lord. He asked too many questions. Your grace moon-flower juice chamber. Lord of light, scelerisque beast, elementum at, mulled wine, sandsilk. We light the way. drink, your king commands it always pays his debts princess mulled wine. Take the black the seven we do not sow no song so sweet weirwood ironborn warrior.

Section 3

Fusce luctus elementum nunc sed condimentum. Sed sed massa convallis massa volutpat sagittis. Aliquam placerat ipsum consequat ipsum hendrerit, eu consequat magna aliquamSword snow, coopers moon and stars, we do not sow, beware our sting take the black. M'lady magister seven hells dwarf. Moleskin arbor gold. Old bear. Death before disgrace. Never resting. The wall bastard.

CSS
.accordion {
  font-family: 'Josefin Sans', sans-serif;
  padding-top: 50px;
}

.section {
  padding: 20px;
  border: 1px solid #B8933D;
  background: #260D1F;
  color: #215263;
  font-size: 25px;  
  text-align: center;
  border-radius: 5px; 
}

.section:hover {
  background-color: #215263;
  color: #260D1F;
}

.content {
  background: #B8933D;
  height: 5px;
  overflow:hidden;
  box-shadow: inset 0px 10px 20px -15px #000;
  border-radius: 5px; 
  text-align: center;
}

.content p {
  padding: 2px;
  color: #215263;
  margin-top: 10px;
  margin-bottom: 20px;
}
JS
$(function(){
  
  function animation(elem,options){
    elem.stop().animate(options,{
    duration: 1000,
    specialEasing: {
      width: "linear",
      height: "easeOutBounce"
    }},200);  
  }
  
  $(".accordion").on("click",".section",function(e){
      e.preventDefault();
      var current = $(this).next(".content");
    animation($(this).parent().children(".content").not(current),{
      "height":"0px"
    });
    animation(current,{
      "height":"100px"
    });  
  });
});
Term
Sat, 01/13/2018 - 08:30

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv