JS滑动门，DIV里在加DIV，后面加的DIV不显示
在滑动门下，DIV里面不能在加DIV，导致加入的DIV不显示内容
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script><script type="text/javascript">$(document).ready( function() { $("div:not(:first)", "div.content").hide(); $("div.tab li").mouseover( function() { $(this).parents("div.tab").find("li").removeClass("hzcurrent").end().end().addClass("hzcurrent"); $(this).parents("div.tab").next("div.content").children().hide().eq($(this).index()).show(); });});</script></head><body><div class="tab"> <ul> <li class="hzcurrent">111</li> <li>222</li> </ul></div><div class="content"> <div>CONTENT111</div> <div>CONTENT222如果在这里加入DIV元素的话，那这个DIV就不会显示，希望得到各们的改正,我觉得应该给滑动的DIV加个样式或ID来区分，但不会修这个代码</div></div><div class="tab"> <ul> <li class="hzcurrent">333</li> <li>444</li> </ul></div><div class="content"> <div>CONTENT333</div> <div>CONTENT444</div></div></body></html>