I'm trying to build an html section into article content (which must contain text and images, perhaps videos) able to expand and compress.
For make this, I'm using the plugin MooAccordion but would like to obtain a clickable title with little arrow, as this example: http://www.acusti.ca/mooaccordion-css-s ... -tutorial/
I've try to copy the html code from the same site:
Code: Select all
<div class="accordion"> <h4 class="mooblock-title mb1_1t ">[The] Slowest Runner [in all the World]</h4> <div class="mooblock-el mb1_1e " style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; opacity: 0; height: 0px;"> “The Slowest Runner In All The World is an instrumental post-baroque band housed in Brooklyn that combines strings and piano with a traditional rock setup and experimental sound manipulation techniques for a uniquely-embellished sound.” — description from last.fm <p>At roughly one hour long, We, Burning Giraffes<img class="in-text" src="http://bandcamp.com/files/41/79/4179622169-1.jpg" alt="We, Burning Giraffes Cover Art"> is a labyrinth. It’s one of those albums where your perception of its quality is dependent on the amount of time you spend with it. At worst, it’s a boring instrumental record; at best, a world teeming with intricacies. But honestly, to be too lazy to know it as anything short of the latter is almost tragic — We, Burning Giraffes is one of the most daring experimental post-rock works of the year.</p> <p>[The] Slowest Runner [in all the World], as they like to be punctuated, is a six-piece from Brooklyn, New York that bills themselves as a “post-baroque” act. It’s not hard to see why; on We, Burning Giraffes, they often wear a classical influence on their sleeves, like in the opening minutes of “Aembers/Guggenheim,” which sound like a passage from Beethoven’s “Moonlight Sonata” (though you can also hear hints of Jeff Buckley’s version of “Hallelujah”). But they’re much more than just an old fashioned The Ascent of Everest, as they show in “Zoe Machete Control’s” jazzy, barista-mood keys, which eventually evolve into loud and fuzzy guitars, and in the “[Oscillation]” series, which take a page from ambient drone label mates We All Inherit the Moon. And “We, Burning Giraffes” shows they know how to throw a majestic, standout climax on a commonplace post-rock build. So the band has no shortage of talent, and in multiple facets of the instrumental trade, too.</p> <p class="citation">text from absolutepunk.net</p> </div> <h4 class="mooblock-title mb1_1t ">Nico Muhly</h4> <div class="mooblock-el mb1_1e " style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; opacity: 0; height: 0px;"> <p>A contemporary classical composer and conductor, Nico Muhly was born in Vermont in 1981. After graduating from Columbia University, Muhly went on to earn a Masters Degree in Music from Juilliard. He worked on a number of well received projects, including a cantata on the Elements of Style by Strunk & White. Muhly also included film scoring on his résumé, composing the music to Choking Man in 2006 and Joshua in 2007. His abilities to move from genre to genre soon paid off, and Muhly began working with some of the music world's most well known names, <img class="in-text" title="Speaks Volumes" alt="Speaks Volumes" src="http://image.allmusic.com/00/amg/cov75/dri300/i381/i38188iffzd.jpg" width="75">including Björk, Antony (of Antony & the Johnsons), and Bonnie "Prince" Billy (not to mention working with modern classical composer Philip Glass). In 2006, his debut recording Speaks Volumes was released. It was followed in 2008 by a collection of his collaborations with other artists titled Ekvilibrium. The next goal on Muhly's drawing board was a follow-up to his debut, the collection Mothertongue.</p> <p class="citation">text from <cite>allmusic.com</cite></p> </div> <h4 class="mooblock-title mb1_1t">Guillermo Klein</h4> <div class="bottom mooblock-el mb1_1e" style="padding-top: 0px; border-top: medium none; padding-bottom: 0px; border-bottom: medium none; overflow: hidden; opacity: 0; height: 0px;"> <p>Guillermo Klein moved from his native Argentina to Boston in 1990 to study at Berklee College of Music. In 1993 he moved to New York where he formed an inventive 17-piece big band. The band played Sunday nights at the underground club Smalls throughout 1995. Several years later, a newer, larger club called the Jazz Standard gave the Guillermo Klein Big Band a regular Monday night gig for several months. Klein also performed and recorded with a ten-piece ensemble called los Guachos,<img class="in-text" title="Los Guachos II" alt="Los Guachos II" src="http://image.allmusic.com/00/amg/cov75/drd600/d649/d64930o65ht.jpg" width="75"> which featured the likes of Bill McHenry, Chris Cheek, Ben Monder, and others. The band's debut on Candid Records was never released, but Sunnyside picked up Los Guachos Vol. 2 for release in 1999. Unfortunately for the New York jazz scene, Klein moved back to Argentina in September of 2000.</p> <p class="citation">text from <cite>allmusic.com</cite></p> </div> </div>
Otherwise the plugin works correctly (it is only this particular use that has some problems for me..)