Accordion.JS | Accordion.JS : Free jQuery Accordion plugin | Plugin library

(SOLVED, see answer below)

I want to add an image inside each accordion section and I've tried to use . If that piece of code is placed as in the screenshot it works, but it's located outside of the < Accordion >.

If I move the code inside < Accordion > it stops working and I can't figure out exactly how to fix this. A thought was to somehow use image like {props.title} and {props.content} but could not get it to work.

Any suggestions?

code in component FirstAccordion.js

Accordion.js // component with the accordion logic

I am trying to close tabs by clicking on the tab label. I added a click event listener to the label but this doesn't work. What di I need to do to get this working?

I have created an Accordion component which has data(object) and expanded(boolean) as props. expanded props is used to set the expanded/collapsed state of this component passed as a prop.

I'm trying to get height of the collapsible but it always same value which is uncollapsed div's height.

Is there a way to get actual content height of div inside the accordion ?

When I print current ref's height it always returns a fixed value. But if I click the same collapsible it returns correct value so I guess it takes uncollapsed div height of collapsible.

Accordion.js

I am making a simple accordion and inside each accordion, there is a text editor.

Accordion.js

I am making a simple Reactjs accordion application in which collapse and expanding of each individual items are done.

Requirement:

A simple requirement is that I am in the need to toggle the text of the heading as Expand or Shrink based on the click.

If we click any of the item then the content will gets displayed in that case the text changes to Shrink as because the accordion gets opened so the Shrink title is given for closing of the accordion.

Complete working example:

https://codesandbox.io/s/react-accordion-forked-lcyr0

In the above example I have used the following code to change the text,

Accordion.js

In my React Native 0.63.2 app, images are displayed in grid which is 2 or 3 grids in a row. A single image is rendered with DisplayImg and image_array.map() is being used to iterate through each and every image and render it with DisplayImg. Here is the map code (for size of image of 4 or less):

I am trying to render an image. Here's my code:

Accordion.jsx

I have created a file which gets data from the DB and display it in a tabular form with accordion. I want to add a search filter to this file but when I try adding it my accordion does not work anymore.

Help is appreciated. Below is the code.