Title: Collapsible button doesn’t…collapse!
Last modified: September 6, 2019
---
# Collapsible button doesn’t…collapse!
* Resolved [giannit](https://wordpress.org/support/users/giannit/)
* (@giannit)
* [6 years, 8 months ago](https://wordpress.org/support/topic/collapsible-button-doesnt-collapse/)
* Hi, I’d like to add to my (localhost) site a collapsible button with the following
features ([here](https://i.imgur.com/9B9avlV.gif) you can see it in action):
- button width has not to be 100%, but has to adapt to the text inside the button
- button can be inserted in a line of text without forcing the words after the
button to go to the next line (I tried the plugin collapse-o-matic but the
words after the button, even if they are written in the same line, are forced
to go to the next line)
* I was looking for how to manually (without plugins) create the button, and I
ended up to a w3schools page where, using the online editor, I created the button
I want (see link above) whose code is the following
* ```
Does works?
Yes!
Good job!
```
* Next I tried to figure out how to add the code to wordpress, so this is what
I did
- added .collapsible and .content to the style.css file
- added the javascript to the footer using a plugin
* then in a post I wrote the following code
* ```
Does works?
Yes!
Good job!
```
* but, while the button is correctly showing, when clicking on it nothing happens.
Since the button is showing, I think the problem has to do with the javascript
code.
[This](https://i.imgur.com/SqdWKik.png) is what it shown in my post, as
you can see another problem is the blank space between the first line and the
second.
* I’m almost sure that the javascript is loaded because when I open the page source(
CTRL+U) I see that, some line before the
tag, the script is shown.
- This topic was modified 6 years, 8 months ago by [giannit](https://wordpress.org/support/users/giannit/).
- This topic was modified 6 years, 8 months ago by [giannit](https://wordpress.org/support/users/giannit/).
- This topic was modified 6 years, 8 months ago by [giannit](https://wordpress.org/support/users/giannit/).
- This topic was modified 6 years, 8 months ago by [giannit](https://wordpress.org/support/users/giannit/).
Viewing 7 replies - 1 through 7 (of 7 total)
* [ronaldvw](https://wordpress.org/support/users/ronaldvw/)
* (@ronaldvw)
* [6 years, 8 months ago](https://wordpress.org/support/topic/collapsible-button-doesnt-collapse/#post-11905930)
* Hi,
* when you check the browsers error console, it should tell you what code is failing.
However, this is quite a bit of code for something that should be really simple
using jQuery.
* See: [https://jsfiddle.net/ronald/b8x123tc/](https://jsfiddle.net/ronald/b8x123tc/)
for an example.
* To add the code to your WordPress site “the proper way”, add the following code
at the end of your child themes `functions.php` file, but before a closing `?
>`, if any:
* ```
function my_footer_script() { ?>