Show / Hide balise table au clic sur player audio

**nanou777** · 30/07/2015, 21h14

Bonjour,

J'essaie de montrer / masquer des balises table au clic sur des chansons d'un player audio.
Je souhaiterais que la balise table change quand une chanson différente est cliquée : en gros, la table précédente disparaît pendant que la table suivante apparaît.

J'utilise ce player audio :
https://amazingaudioplayer.com/examp...playlist-id10/

J'ai tenté d'utiliser Jquery mais ça ne fonctionne pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
		<script>
			$(document).ready(function(){
				$("#show").click(function(){
					$("#table").show();
				});
			});		
			$(document).ready(function(){
				$("#hide").click(function(){
					$("#table").hide();
				});
			});
		</script>
		<script type='text/javascript' src='https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/sharedengine/amazingaudioplayer.js?ver=1.0'></script>	
	</head>
</head>
<body>
	<div id="amazingaudioplayer-10" style="display:block;position:relative;width:100%;height:auto;margin:0px auto 0px;">
		<ul class="amazingaudioplayer-audios" style="list-style:none;">
			<li id="hide" data-artist="pinkzebra" data-title="In The Moment of Inspiration" data-album="AudioJungle" data-info="" data-image="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/10/audios/golden-wheat-field.jpg" data-duration="154">
				<div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/10/audios/In the Moment of Inspiration.mp3" data-type="audio/mpeg" />
				<div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/10/audios/In the Moment of Inspiration.ogg" data-type="audio/ogg" />
			</li>
			<li id="show" data-artist="pinkzebra" data-title="Inspiring Ideas into Motion" data-album="AudioJungle" data-info="" data-image="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/10/audios/sunny-day.jpg" data-duration="137">
				<div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/10/audios/Inspiring Ideas into Motion.mp3" data-type="audio/mpeg" />
				<div class="amazingaudioplayer-source" data-src="https://amazingaudioplayer.com/wp-content/uploads/amazingaudioplayer/10/audios/Inspiring Ideas into Motion.ogg" data-type="audio/ogg" />
			</li>
		<ul>
	<div>
	<div>
		<table id="table">
			...
		</table>
	</div>
</body>

Est-ce que quelqu'un pourrait me dire ce que je fais mal ?
Je joins un fichier de test sur une balise div.

Par avance, merci !

**NoSmoking** · 30/07/2015, 22h07

Bonjour,
je n'aurais qu'un conseil à te donner, regarde avec l'inspecteur d'éléments à quoi ressemble ton document après chargement.

Un deuxième conseil qui ne mange pas de pain, car c'est danielhagnoul qui le donne