如何使用jQuery实现Kayak风格的国家/货币下拉列表？

Question

是否有一个jQuery插件近似the Kayak homepage国家/货币下拉列表的功能？

我需要在自己的网站上做类似的事情，如果可能的话，不想重新发明轮子。

Answer 1

示例（可以在许多变体中认真对待）

<style>
    #currencyLink { position: relative; } // we make anchor for the absolutely positioned #currencyList
    #currencyList { display: none; position: absolute; top: 0px; left: 0px } // you may need to tweak these values
</style>

<div id="header">
     <div id="currencyLink"><span onclick=" $('#currencyList').toggle(); ">Show currencies</span>
         <div id="currencyList">
              <a href="#">Currency 1</a>
              <a href="#">Currency 2</a>
              <a href="#">Currency 3</a>
         </div>
     </div>
</div>