accordion | Simple Accordion done in Vanilla JS | Datepicker library

Hello dear stackoverflow users. I have an accordion. When this accordion is open, I want to make the invisible eye icon next to it visible. But which accordion is clicked, only its eye icon will open. Please help me :)

My code :

Here if search text matches the text of tag I want to hide other unmatched items.

I have a custom animation that the regular Vue transition doesn't quite cover. I have it implemented elsewhere with a conditional v-bind:class, but that doesn't work well for conditional v-if blocks or v-for groups.

I need to add a class ('open') one frame after the element is entered as with v-enter-to, but I need it to never be removed from the element.

I then need it removed removed when leaving to trigger the closing animation.

Am I using Vue Transition wrong and this is perfectly possible within transition, or is there a way to add/remove the class around the enter/leave functionality?

hello i'm using css counter to display the number of div that have a specific class inside a section but i don't know why the result of my code is alwase 0 this the code

I'm using ajax to load json data into several accordion tables on the same html page. So far, I have the same function written twice to output 2 tables, but I need 16 more tables. Having the same function written out 18 times doesn't seem dry at all, so I'm thinking there must be better way.

I am trying to add panel dynamically here is my current static panel which is having some fields. But in dynamic panel initially it will be empty panel.

Here is my current HTML look like when i click add button i need to add one panel

I have a very simple bs4 layout. My left-menu is

Upon further review, I found that actually text is encroaching into the padding. Please see text encroaching into the padding (green) below;

... and I looked even further and even found this text encroaching into padding;

How do I stop this? I would like to have padding or margin between the columns. Here is a quick snapshot of my markup

Here is the minimal code;

I am trying to create an Accordion using material UI in my react project. The challenges I have faced is I need to separate data where pageNumber is same. Like here is my array below

Here I have a dynamic list of accordion. Inside accordion there are checkboxes. I want to check all the checkboxes of only particular accordion if check all is clicked. Now it is checking checkbox from all accordion if all is clicked.

html