I am trying to figure out how to get two drawers to
<div data-role="header">
<div data-role="navbar">
<span data-role="view-title"></span>
<a id="LeftDrawer" data-role="button" data-rel="drawer" data-align="left" data-icon="drawer-button" href="#appDrawer"></a>
<a id="RightDrawer" data-role="button" data-rel="drawer" data-align="right" data-icon="ellipse-e" href="#switchSite" data-transition="slide:right reverse"></a>
</div>
<div id="TagSearch">
<input type="text" id="search-input-home" placeholder="Enter Tag/Serial Number" autocomplete="off" autocorrect="off" autocapitalize="none" />
<a id="do-search" />
<a id="do-search" data-role="button" class="fa fa-search"></a><a id="do-barCode" data-role="button" class="fa fa-barcode"></a>
</div>
</div>
SLIDE in different directions..
I tried this.. FAILED...
The LeftDrawer should slide from the left and the RigthDrawer should slide from the right..
I am just not having any luck on this.. Suggestions?