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?