演示见:
http://yanshi.sucaihuo.com/modals/15/1591/demo/delivery.html
有一个BUG,只能一次性选择,选择后再先其它的就没反应了,查看源代码,发现二级只一列:
<div class="Category-eject">
<ul class="Category-w" id="Categorytw">
<li onclick="Categorytw(this)">全部品牌</li>
<li onclick="Categorytw(this)">1奥迪</li>
<li onclick="Categorytw(this)">1丰田</li>
</ul>
<ul class="Category-t" id="Categoryt">
<li onclick="Categoryt(this)">2奥迪A6</li>
<li onclick="Categoryt(this)">2奥迪A6L</li>
</ul>
<ul class="Category-s" id="Categorys">
<li onclick="Categorys(this)">3发动机</li>
<li onclick="Categorys(this)">3变速箱</li>
</ul>
</div>
要改成:
<div class="Category-eject">
<ul class="Category-w" id="Categorytw">
<li onclick="Categorytw(this)">全部品牌</li>
<li onclick="Categorytw(this)">1奥迪</li>
<li onclick="Categorytw(this)">1丰田</li>
</ul>
<ul class="Category-t" id="Categoryt">
<li onclick="Categoryt(this)">2奥迪A6</li>
<li onclick="Categoryt(this)">2奥迪A6L</li>
</ul>
<ul class="Category-t" id="Categoryt">
<li onclick="Categoryt(this)">2丰田A6</li>
<li onclick="Categoryt(this)">2丰田A6L</li>
</ul>
<ul class="Category-s" id="Categorys">
<li onclick="Categorys(this)">3奥迪发动机</li>
<li onclick="Categorys(this)">3奥迪变速箱</li>
</ul>
<ul class="Category-s" id="Categorys">
<li onclick="Categorys(this)">3丰田发动机</li>
<li onclick="Categorys(this)">3丰田变速箱</li>
</ul>
</div>
如此点击相应菜单,能对应显示相应列,如:
怎么改能实现?
谢谢!