Extension to hide/show a div

richnyc30

Does anyone know an extension that will hide/show a div?
I have some code but it requires a function and other things I'm not sure of. So I hope someone has a little extension.

saguaros

richnyc30 Could you describe the scenario in a bit more detail? I’m not entirely sure what you’re trying to achieve.

richnyc30

richnyc30 Yes, it is to make a block of text appear and disappear with a click.
I found some code to do this but not sure how the function fits into Joomla. A small plugin or something would be great. Or how to use a function.

<div id="myDIV">
This is my DIV element.
</div>

<p><b>Note:</b> The element will not take up any space when the display property
is set to "none".</p>

</body>
</html>

saguaros

richnyc30 Hi

I think you don’t need an additional extension for this. Joomla 6 includes Bootstrap 5, which already provides a built-in Collapse component for showing and hiding content with a click.

For example:

<p>
    <a class="btn btn-primary"
       data-bs-toggle="collapse"
       href="#myText">
        Show / Hide Text
    </a>
</p>

<div class="collapse" id="myText">
    <div class="card card-body">
        Your content goes here.
    </div>
</div>