Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App

Related Articles

jQuery Mobile Toolbar toggle() Method

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

jQuery Mobile is a set of HTML5 based user system interaction widget toolbox used for various purposes build on top of jQuery. It is designed to build fast and responsive sites accessible to mobile, tabs, and desktops. 

In this article, we will use jQuery Mobile Toolbar toggle() method to toggle the visibility of the toolbar, that is, if the toolbar is hidden, it will become visible again and if the toolbar is visible it will be hidden. It is provided by the fixedToolbar extension.



Parameters: This method does not accept any parameters.


CDN Links: We must include jQuery mobile in our code before using it in the project.

<link rel=”stylesheet” href=”” />
<script src=””></script>
<script src=””></script>

Example: This example describes the jQuery Mobile Toolbar toggle() method.


<!DOCTYPE html>
<html lang="en">
    <link rel="stylesheet" href=
    <script src=
    <script src=
        function toggle() {
    <div data-role="page">
            <h2 style="color: green;">
            <h3>jQuery Mobile Toolbar toggle() method</h3>
        <div id="GFG" data-role="header">
            <h1>This is a header toolbar</h1>
        <button onclick="toggle();">
          Toggle ToolBar



My Personal Notes arrow_drop_up
Last Updated : 22 Dec, 2021
Like Article
Save Article
Similar Reads
Related Tutorials