1 pièce(s) jointe(s)
Show / Hide balise table au clic sur player audio
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:
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 !