Topic: Accordion dynamical list doesn't show content item on click

As226 free asked 3 years ago

Good morning allI have a problem and I ask for your help.

I have a bootstrap accordion to which I dynamically add content.Once the content has been added, the click that should drop the list does not work. I don't understand where the problem is coming from, I ask for your help.

Html code :

 <ul class="collapsible collapsible-accordion" id="menu">
        <a class="collapsible-header waves-effect pl-2 arrow-r active"><strong>Item</strong><i class="fas fa-angle-down rotate-icon"></i></a>
        <div class="collapsible-body">
                <li><a class="pl-4">Item1</a></li>
                <li><a class="pl-4">Item2</a></li>
                <li><a class="pl-4">Item3</a></li>

Code to add list item :

function add_item(){            
        +'<a class="collapsible-header waves-effect pl-2 arrow-r">Autre<i class="fas fa-angle-down rotate-icon"></i></a>'
        +'<div class="collapsible-body">'
                +'<li><a class="pl-4">Item1</a></li>'
                +'<li><a class="pl-4">Item2</a></li>'


Help please

Grzegorz Bujański staff commented 3 years ago

Hi. This topic has been closed, I understand that a solution has been found?


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: PC
  • Browser: Chrome
  • OS: Win10
  • Provided sample code: No
  • Provided link: Yes