現在Javascriptで、ボタンがクリックされる度に、リンクさせたキャラクター画像と音声が同時に、

現在Javascriptで、ボタンがクリックされる度に、リンクさせたキャラクター画像と音声が同時に、ランダム表示されるサイトを作りたいです。
<ul>と<li>に、セリフ音源と画像を入れたものを、
jQueryの
『click』と『show』で画像を表示して、
『click 』と『get』と『play』で音声を再生出来ました。
ただ、<li>と<ul>に入れると、画面に全て表示されてしまいます。
Javascriptでセリフ音源と画像をリンクさせたものを複数用意して、ランダムで表示させるようにするにはどうしたら良いでしょうか？
ご回答宜しくお願いしますm(__)m