or

<div data-role="footer"> <div id="crewlistTab" data-role="tabstrip" data-source="catDataSource" data-template="departmentTabs"> </div></div><!--Template for tabs--><script type="script/x-kendo-template" id="departmentTabs"> <a href="#" data-icon="contacts">#: AccountDepartmentId#</a></script><script type="text/Javascript">var catDataSource = new kendo.data.DataSource({ transport: { read: { url: "../Server-Side/connectDP.php", type: "GET", dataType: "json" } }, schema: { data: "categories" } });</script><!DOCTYPE html><html> <head> <title></title> <meta charset="utf-8" /> <script src="cordova.js"></script> <script src="kendo/js/jquery.min.js"></script> <script src="kendo/js/kendo.mobile.min.js"></script> <link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" /> </head> <body> <div id="view" data-role="view"> <div data-bind="visible: isVisible">some content</div> <button data-bind="click: hide">Hide</button> </div> <script> var app = new kendo.mobile.Application(document.body, { transition: "slide" }); var viewModel = kendo.observable({ isVisible: true, hide: function() { this.set("isVisible", false); } }); kendo.bind($("#div"), viewModel, kendo.ui.mobile); </script> </body></html>