I've been trying to set up an accordion using Bootstrap, but for some reason, the toggle feature doesn't seem to work when I click on it. I've copied and pasted the code from various tutorials, imported Bootstrap and jQuery, but still can't figure out what I'm missing.
Here is my import:
import {React, FormattedMessage, defaultMessages as jimuCoreDefaultMessage, AllWidgetProps, css, jsx, styled} from 'jimu-core';
import {IMConfig} from '../config';
import { Tabs, Tab, Button} from 'jimu-ui';
import defaultMessages from './translations/default';
import {ProgressBar} from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
import'./main.css';
import { render } from "react-dom";
import 'font-awesome/css/font-awesome.min.css';
import * as $ from 'jquery';
And here is my accordion code:
<div class="container">
<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Simple collapsible</button>
<div id="demo" class="collapse">test</div>
</div>
I've been troubleshooting this issue for a couple of days now, even though it should have been a quick fix. I'm completely stuck and would greatly appreciate any help or advice. Thank you in advance!