隱藏從另一個加載元件

Question

在我的主網頁我有一個「音樂」按鈕加載的元件，它music.txt加載

的script.js

$("#music").load("music.txt"); 
$(document).on('click', '.song', function(){ 
    var songDetails= $(this).closest('li').attr('id'); 
    $(this).load(songDetails+'.txt'); 
}); 

music.txt：

<span class="song"> bl </span> 

so music.txt加載歌曲列表。並且ach歌曲被列爲<li>。

例如hotelcalifornia.txt：

<div class="details"> 
Eagles, 4:30, Sony Music 
<span class="minimize"> Minimize </span> 
</div> 

現在，當我點擊，我得到歌曲的詳細信息。但我不能最小化/消失。

$(document).on('click', '.minimize', function() { $('.details').hide(); }); 

不起作用。張貼在當前的代碼

$('.details').hide(); 

與此：

Answer 1

替換此

$(this).parent().hide();