Accordeon-feature or plugin?

[bbbfg]

Hello! :)

Is there a possibility to add a "more" area to a text module, i.e. an "accordion"?
(the text is separated at a certain point and when you click on "more", an area with the entire text opens).

Thanks!

[Richard]

Dear @bbbfg

Currently not without coding an accordion - there are threads on this forum where users have done that and also simple ones online that you could implement.

This is a great idea though and will happily add to the development notes 🌝

---

Best wishes

Richard

[dani]

try this:

HTML

<div class="more">Click here for more info</div>
<div class="less">Here is the hidden content</div>

Use <div> instead of <p>, so that you can use <p> within the hidden content.

CSS

/* open close dots - see JS */
.more:hover:after { 
    content: " ○○○";
}
.more:after {
    content: " ●●●";
}
.less { 
  display:none; 
}

JS

<script>
window.laytheme.on("newpageshown", function(layoutObj, type, obj){
    
/* open close dots */  
    jQuery('.more').click(function(){
        jQuery(this).next().slideToggle();
        jQuery('.less').not(jQuery(this).next()).slideUp();
    });
  
});
</script>

[dani]

@dani example:
http://66.199.141.101/~dbvincze/works/

[bbbfg]

Tank you!