jQuery Toggle Issue - 淡入淡出div

Question

尝试构建一个简单的切换，其中某人单击带有ID的列表项，并显示与所述列表项关联的div，然后单击其他列表项，第一个{{ 1}}淡出，新的div渐渐消失，显然应该在点击div然后点击<li id="1">，然后再回到1，它可以正常工作。

到目前为止，这是我的代码。

<li id="3">

谢谢！亚光

Answer 1

淡出当前可见div的更简单方法是使用:visible选择器。此外，如果我正确理解您的问题，我认为您只需使用.click()而不是.toggle()即可实现所需的行为：

$('#list li').click( function() {
  $('#your_container').find('div:visible').fadeOut();
  $('#song' + this.id).fadeIn(); // simpler, no intermediate variable needed
});