jquery - 非表示の div 内に div を表示する

Question

div 内に 2 つの div があり、一度に 1 つだけ表示したい

<div class="songContent">
    <div id="song1"> song 1 </div>
    <div id="song2"> song 2</div>
</div>

そして、この関数を使用して別の要素からイベントをトリガーしています: (文字列を引数として関数に渡します。例: songId = song1 )

function showSong(songId){  
    $('.songContent div').hide();
    var sel = '#'+songId;
    $(sel).show()
    $( sel +' div').show()
    alert(sel);             //debugging
}

任意の助けをいただければ幸いです, ありがとう,

Answer 1

このようなもの？

function showSong(songId){
    $('#'+songId).show().siblings().hide();
}

Answer 2

function showSong(songId){  
    $('.songContent div').hide();
    $('div[id=' + songId + ']').show();
}

Answer 3

のようなセレクター文字列を作成すると、 div#song1 divが見つかりません。song1のようなものが必要ですdiv#song1。

例：

function showSong(songId){  
    $('.songContent div').hide();
    var sel = '#'+songId;
    $( 'div' + sel).show()
}

しかし、by-id セレクター ( sel) 自体がセレクターとして機能するはずでした。