Bonjour à tous
Je rencontre un soucis et je demande votre aide.

J'ai un accordion bootstrap auquel j'ajoute dynamiquement du contenu.
Une fois le contenu ajouté, le click qui devrait dérouler la liste ne marche pas. Je ne comprend pas d'ou vient le problème, je demande votre aide.

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<li>
     <ul class="collapsible collapsible-accordion" id="menu">
		<li>
			<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">
				<ul>
					<li><a class="pl-4">Item1</a></li>
					<li><a class="pl-4">Item2</a></li>
					<li><a class="pl-4">Item3</a></li>
				</ul>
			</div>
		</li>
	</ul>
</li>

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
function add_item(){			
		$("#menu").append('<li>'
			+'<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">'
				+'<ul>'
					+'<li><a class="pl-4">Item1</a></li>'
					+'<li><a class="pl-4">Item2</a></li>'
				+'</ul>'
			+'</div>'
		+'</li>');
	};

Merci d'avance.