Response title
This is preview!
show hide content
in jQuery Mobile
•
3 months ago
hi i want to show hide the contents on button click pls guide me i am new to jquery mobile
- <!DOCTYPE html >
- <html>
- <head>
- <title></title>
- <script src="cordova.js"></script>
- <script src="cordova.js"></script>
- <script src="jquery.min.js"></script>
- <script src="jquery/jquery.mobile.js"></script>
- <link href="jquery/jquery.mobile.css" rel="stylesheet" />
- </head>
- <body>
- <div data-role="page" >
- <div data-role="header" data-position="fixed">
- <a data-rel="back">Back</a>
- <h1>Search</h1>
- <a href="index.html">Settings</a>
- </div><!-- /header -->
- <div data-role="content" id="tree">
- <div data-role="content">
- <ul id="search_list" data-role="listview" data-filter="true">
- </ul>
- </div>
- </div>
- <div data-role="content" id="search">
- <div data-role="content">
- <ul id="search_list" data-role="listview" data-filter="true">
- </ul>
- </div>
- </div>
- <div data-role="content" id="settings">
- <div data-role="content">
- <ul id="search_list" data-role="listview" data-filter="true">
- </ul>
- </div>
- </div>
- <div data-role="footer" data-position="fixed">
- <div data-role="navbar">
- <ul>
- <li><a href="#tree" data-icon="grid">Dash</a></li>
- <li><a href="#search" data-icon="search" class="ui-btn-active">Search</a></li>
- <li><a href="#settings" data-icon="home">Settings</a></li>
- </ul>
- </div>
- </div>
- </div>
- <script>
- </script>
- </body>
- </html>
1
