jQuery Mobile：创建一个扩展为搜索输入的搜索按钮

Question

下面的代码会在标题的左上角放置一个搜索按钮，您可以在此处查看它的外观：

http://jsfiddle.net/9yw8r1zh/

我想要做的是当你点击它时将这个按钮展开到一个搜索栏中，除此之外的其他方式：

http://tympanus.net/Tutorials/ExpandingSearchBar/

jQuery Mobile是否已经内置了这样的内容，或者您​​是否必须自己完成整个事情？

<div data-role="page">
  <div data-role="header">
      <a href="#expand" data-iconpos="notext" data-icon="search" data-corners="false" data-role="button"
           class="ui-btn-left ui-corner-all ui-btn-icon-left ui-btn-inline ui-shadow"></a>
    <h1>Welcome To My Homepage</h1>
  </div>
</div>