Jquery(點擊)動態更換背景,摺疊展開的

  $('div.parent').click(function(){   // 擷取所謂的父行
  var a=$(this).css("background-image");
    if (a.indexOf("grade_Expand.jpg")>0)
    {$(this).css("background-image","url(/images/grade_Fold.jpg)")}
    else{$(this).css("background-image","url(/images/grade_Expand.jpg)")}
    $(this)
    //.css("background-image","url(/images/grade_Fold.jpg)")
     .toggleClass("selected")   // 添加/刪除高亮
     .siblings('#child_'+this.id).toggle();  // 隱藏/顯示所謂的子行
  });

 

html

<div  id="48" class="parent GClist_grade" >2011級</div><div id="child_48" class="child GClist_list" ><div style="float:left;width:100px">語文</div><div style="float:left">&nbsp;</div></div><div id="child_48" class="child GClist_list" ><div style="float:left;width:100px">數學</div><div style="float:left">ggg</div></div><div id="child_48" class="child GClist_list" ><div style="float:left;width:100px">英語</div><div style="float:left">&nbsp;</div></div><div id="child_48" class="child GClist_list" ><div style="float:left;width:100px">化學</div><div style="float:left">&nbsp;</div></div><div id="child_48" class="child GClist_list" ><div style="float:left;width:100px">生物</div><div style="float:left">&nbsp;</div></div><div  id="234" class="parent GClist_grade" >2010級</div><div id="child_234" class="child GClist_branch">1部</div><div id="child_234" class="child GClist_list" ><div style="float:left;width:100px">數學</div><div style="float:left">&nbsp;</div></div><div id="child_234" class="child GClist_list" ><div style="float:left;width:100px">英語</div><div style="float:left">&nbsp;</div></div><div id="child_234" class="child GClist_branch">2部</div><div id="child_234" class="child GClist_list" ><div style="float:left;width:100px">數學</div><div style="float:left">&nbsp;</div></div><div id="child_234" class="child GClist_list" ><div style="float:left;width:100px">英語</div><div style="float:left">&nbsp;</div></div>