CMS Development

PhilGibson
Member

Need a module for the wysiwig template

I am looking for a developer for a simple module that can be added to the drag & drop editor.

 

I am simply looking for collapsible accordian sections that I can update with content.  Similar to a rich text field module but just with mouseover headers and open content.  

 

Something like this in a module.

 

Phil Gibson, pgibson@AEssenseGrows.com, 669.261.3086

 

<p>Collapsible Set:</p>
<button type="button" class="collapsible">Open Section 1</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button type="button" class="collapsible">Open Section 2</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button type="button" class="collapsible">Open Section 3</button>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;

for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>

0 Upvotes
1 Reply 1
Jaycee_Lewis
Community Manager
Community Manager

Need a module for the wysiwig template

Hey, @PhilGibson 👋 Thanks for posting. As a HubSpot employee, I cannot make specific recommendations. And I have a suggestion to help get more visibility — I'd consider editing your post to make it clear you are looking to hire someone to help you with this module. 

 

You didn't do anything wrong. And I want to help get the “right” eyes on your post.

 

Best,

Jaycee

linkedin

Jaycee Lewis

Developer Community Manager

Community | HubSpot

0 Upvotes