,
|

Save space with a jQuery accordion

jQuery Accordion

Accordion is a very helpful tool that will help you save space and also organize better contents in several blocks. These are some characteristics:
  • Normally, the menu is displayed vertically
  • Click on an item, it will expand its submenu and hide other submenu
  • Usually, an Accordion has indicators to show the state of the menu

NOTE: If you want multiple sections open at once, don't use an accordion


Barcelona Information

Slogan

FC Barcelona is “more than a club” in Catalonia because it is the sports club that most represents the country and is also one of its greatest ambassadors.

The slogan “more than a club” is open-ended in meaning. It is perhaps this flexibility that makes it so appropriate for defining the complexities of FC Barcelona’s identity, a club that competes in a sporting sense on the field of play, but that also beats, every day, to the rhythm of its people’s concerns.

Anthem

El Cant del Barça is the name given to the official anthem of the Futbol Club Barcelona. It was first played in 1974 at Camp Nou as part of the club’s 75th anniversary celebration. The words were written by Jaume Picas and Josep Maria Espinàs and the music was composed by Manuel Valls i Gorina.

Club in figures

CAMP NOU
Capacity: 99.354
Dimensions: 105x68 m.
Opened: 24th Setember 1957

PROFESSIONAL FOOTBALL
3 teams: First team, Barça B, and Under 18 A

MEMBERS(177.246 members)
By gender:
  • Male 134.099
  • Female 43.147
Geographic Distribution:
  • Barcelona 63.361
  • Rest of Catalunya 87.890
  • Out of Catalunya 25.995

The Crest

Since 1910, the changes made to the design have been minimal, generally just modifying the aesthetics and the patterns used for the outline.

Javascript source Code

<script>
$(function() {
   $( "#accordion" ).accordion();
});
</script>

For more jQuery documentation and options about Accordions please visit http://docs.jquery.com/UI/Accordion#option-animated

FC Barcelona. "Identity" http://www.fcbarcelona.com/club/identity

4 comments:

  • Armando Escalante   April 14, 2012

    The main page of your blog does not load well or takes to long on my Mac!

    Cool pictures!

    Armando

  • Steve   April 15, 2012

    Nice Jhonny! Looking forward to learning how to use some of these technologies!

  • Melissa   April 17, 2012

    This looks like a great feature. Adding the source code was a nice touch.

  • Oge Marques   April 18, 2012

    A quick note about the changes in the crest: FCB became CFB during the Franco dictatorship years.

    This book (http://www.amazon.com/BARCA-PEOPLES-PASSION-JIMMY-BURNS/dp/1408805782/ref=sr_1_2?ie=UTF8&qid=1334763887&sr=8-2) explains it (and much more...). A must read for Barça fans!

Post a Comment