Autore Topic: Creare sezione di testo e/o media espandibile/comprimibile (accordion)  (Letto 213 volte)

Offline danjde

  • Appassionato
  • ***
  • Post: 320
  • Sesso: Maschio
    • Mostra profilo
Salve Amici,
sto cercando di implementare una sezione html (che dovrà contenere testo e immagini, forse video) comprimibile/espandibile all'interno di un articolo.
Per fare ciò sto prendendo in considerazione il plugin MooAccordion (ma se avete idee migliori ben venga) e però vorrei ottenere un risultato simile a questo esempio ossia delle voci linkabili con l'immagine a sinistra del titolo che varia a seconda dello stato "aperto o chiuso".

Io ho provato a fare dei test, installando e attivando il plugin e copiando il codice html che mi mostra Firebug:

Codice: [Seleziona]
<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;">
        <blockquote>“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 <a href=""></a></blockquote>
        <p>At roughly one hour long, <em>We, Burning Giraffes</em><img class="in-text" src="" 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 — <em>We, Burning Giraffes</em> 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 <em>We, Burning Giraffes</em>, 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 <a href=""></a></p>
    <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, <a href="">Nico Muhly</a> was born in Vermont in 1981. After graduating from Columbia University, <a href="">Muhly</a> 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 &amp; White. <a href="">Muhly</a> 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 <a href="">Muhly</a> began working with some of the music world's most well known names, <img class="in-text" title="Speaks Volumes" alt="Speaks Volumes" src="" width="75">including <a href="">Björk</a>, <a href="">Antony</a> (of <a href="">Antony &amp; the Johnsons</a>), and <a href="">Bonnie "Prince" Billy</a> (not to mention working with modern classical composer <a href="">Philip Glass</a>). In 2006, his debut recording <a href="">Speaks Volumes</a> was released. It was followed in 2008 by a collection of his collaborations with other artists titled <a href="">Ekvilibrium</a>. The next goal on <a href="">Muhly</a>'s drawing board was a follow-up to his debut, the collection <a href="">Mothertongue</a>.</p>
        <p class="citation">text from <cite></cite></p>
    <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><a href="">Guillermo Klein</a> 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. <a href="">Klein</a> 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="" width="75"> which featured the likes of <a href="">Bill McHenry</a>, <a href="">Chris Cheek</a>, <a href="">Ben Monder</a>, 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, <a href="">Klein</a> moved back to Argentina in September of 2000.</p>
        <p class="citation">text from <cite></cite></p>

ma senza riuscire nell'impresa. In effetti qualcosa mi sfugge..
Qualcuno tra di voi ha già utilizzato il plugin in questo modo?

utilizzando il plugin nel modo classico funziona correttamente


n o p r o v a r e n o f a r e o n o n f a r e n o n c e p r o v a r e



Torna su