tap事件自主执行

for(var i = 0 ; i < objcityData.length ; i++){
html = '<li class="mui-table-view-cell mui-collapse"><a id="'+ objcityData[i].value +'" class="mui-navigate-right" href="#">'+ objcityData[i].text +'</a>'+
'<ul id="'+ objcityData[i].value +'cityChildUl" class="mui-table-view mui-table-view-chevron" style="display:none">'+

                                        +'</ul>'+  
                                    '</li>';  
                            $('#provice').append(html);   
                            document.getElementById(objcityData[i].value).addEventListener('tap',showCity(objcityData[i].value));  
                            //document.getElementById(objcityData[i].value).addEventListener('onTap',showCity(objcityData[i].value));  

这是一个省市县三级节点的第一级 ，我想给每个第一级节点绑定tap事件，但是运行时，所有的一级节点都处于展开状态，我写的showCity（）控制关闭的方法也不起作用