如何使用html和jquery或javascript创建类似kijiji主页的菜单

我需要像kijiji.ca一样创建位置选择器

如果我选择该省，则该省的城市将显示为www.kijiji.ca主页位置选择器

他们使用uls和lis来创建支持ajax的菜单

我知道ajax部分，但在设置菜单格式以及如何使城市显示在省的选择上以及与省的垂直位置上有困难

下面是省和市ul s的html

   <div class="location-wrapper">
        <ul class="locMenu drop-down level-1">
            <li data-loc-id="9003" class="more"><a href="javascript: void(0)">Alberta</a></li><li
                data-loc-id="9007" class="more"><a href="javascript: void(0)">British Columbia</a></li><li
                    data-loc-id="9006" class="more"><a href="javascript: void(0)">Manitoba</a></li><li
                        data-loc-id="9005" class="more"><a href="javascript: void(0)">New Brunswick</a></li><li
                            data-loc-id="9008" class="more"><a href="javascript: void(0)">Newfoundland</a></li><li
                                data-loc-id="9002" class="more"><a href="javascript: void(0)">Nova Scotia</a></li><li
                                    data-loc-id="9004" class="more"><a href="javascript: void(0)">Ontario (A - L)</a></li><li
                                        data-loc-id="100009004" class="more"><a href="javascript: void(0)">Ontario (M - Z)</a></li><li
                                            data-loc-id="9011" class="more selected"><a href="javascript: void(0)">Prince Edward
                                                Island</a></li><li data-loc-id="9001" class="more"><a href="javascript: void(0)">Québec</a></li><li
                                                    data-loc-id="9009" class="more"><a href="javascript: void(0)">Saskatchewan</a></li><li
                                                        data-loc-id="9010" class="more"><a href="javascript: void(0)">Territories</a></li></ul>
        <ul class="locMenu drop-down level-2" style="margin-top: 168px;">
            <li data-loc-id="1700118" class="more children"><a href="javascript: void(0)">Prince
                Edward Island</a></li></ul>
        <ul class="locMenu drop-down level-3" style="margin-top: 168px;">
        </ul>
    </div> 

---

你可以在www.kijiji.ca的首页上查看该网站，这很简单，我只需要玩一下

margin-top:

财产

并使用jquery的显示和隐藏

数据来自服务器，所以我只能使用pagemethods或jQueryAjax

---

简单

你为什么不雇佣一个知道如何在jQuery中编程的人来帮你呢？B/c我没有，而且怀疑其他人会。我已经做过了。我只需要知道最好的解决方案。如果你有任何想法，请贡献。这对其他人来说也是有建设性的，因为你的问题中的HTML并不是全部。还有，最好的解决方案应该是什么意思？它有用吗？有什么问题吗？