Custom content collapse (Mooaccordion plugin and CSS)

This forum is for general questions about extensions for Joomla! 3.x.

Moderators: pe7er, General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Post Reply
danjde
Joomla! Intern
Joomla! Intern
Posts: 77
Joined: Mon Dec 28, 2009 1:48 pm

Custom content collapse (Mooaccordion plugin and CSS)

Post by danjde » Fri Jun 14, 2019 4:11 pm

Hi Friends,
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 &amp; 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 &amp; 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>
with no luck. But I'm not so able with html and css :-[

PS
Otherwise the plugin works correctly (it is only this particular use that has some problems for me..)




Thanks!
http://www.cosmogonia.org - cosmogoniA
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

User avatar
Webdongle
Joomla! Master
Joomla! Master
Posts: 37323
Joined: Sat Apr 05, 2008 9:58 pm

Re: Custom content collapse (Mooaccordion plugin and CSS)

Post by Webdongle » Fri Jun 14, 2019 5:30 pm

Check the settings of your editor
http://www.weblinksonline.co.uk/
https://www.weblinksonline.co.uk/updating-joomla.html
"The definition of insanity is doing the same thing over and over again, but expecting different results": Albert Einstein

User avatar
Per Yngve Berg
Joomla! Master
Joomla! Master
Posts: 26019
Joined: Mon Oct 27, 2008 9:27 pm
Location: Akershus, Norway

Re: Custom content collapse (Mooaccordion plugin and CSS)

Post by Per Yngve Berg » Fri Jun 14, 2019 5:34 pm

What template are you using?

There is also Accordion in the Bootstrap Framework.
https://getbootstrap.com/2.3.2/javascript.html#collapse

User avatar
AMurray
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4937
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: Custom content collapse (Mooaccordion plugin and CSS)

Post by AMurray » Fri Jun 14, 2019 11:46 pm

Regards,
--------------------------------------------------------------
A Murray
Millennium Falcon - it's the ship that made the Kessel run in less than 12 parsecs! The fastest hunk of junk in the galaxy.


Post Reply

Return to “Extensions for Joomla! 3.x”