这里的li里面的a标签怎么不能点击啊?

yuanjianhang 2010-09-21
<div class="ertop">

            <div class="ertitle">代理产品</div>
                <ul>
                <li><a href="http://www.baidu.com">IBM服务器</a>
                <div class="erji">
                <a href="#">X型号</a>
                    <a href="#">Y型号</a>
                </div>
                </li>
                <li><a href="http://www.google.cn">IP服务器</a></li>
</ul>
</div>
这个是html内容,我写的jQuery如下:
<script type="text/javascript">
$(document).ready(function() {
   $('div.ertop ul li').children('div').hide();
  $('div.ertop ul li').each(function() {
$(this).toggle(function(event) {
$(this).children('div').show('slow');
},function() {
$(this).children('div').hide('slow');
});
});

   });
</script>
效果是出来了,可是li里面的链接就不管用了。这个问题应该不是事件冒泡的问题吧,还请哪位指点的告诉我,谢谢了!
Global site tag (gtag.js) - Google Analytics