jQuery Mobile Popup Widget transition Option Last Updated : 26 May, 2021 Comments Improve Suggest changes Like Article Like Report jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Popup Widget transition option to set the default transition for the popup. The default value will result in no transition. Syntax: $("selector").popup({ transition: "pop" }); CDN Links: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> Example: HTML <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content= "width=device-width, initial-scale=1"> <link rel="stylesheet" href= "//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"> </script> <script src= "//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script> <script> $(document).ready(function () { $("#GFG").popup({ transition: "pop" }); }); </script> </head> <body> <div data-role="page" id="page1"> <div data-role="header"> <h1>GeeksforGeeks</h1> <h3>jQuery Mobile Popup Widget transition Option</h3> </div> <br> <center> <div role="main" class="ui-content"> <a href="#GFG" data-rel="popup"> GeeksforGeeks </a> <div data-role="popup" id="GFG"> <p> A Computer Science portal for geeks. </p> </div> </div> </center> </div> </body> </html> Output: Comment More infoAdvertise with us Next Article jQuery Mobile Popup Widget transition Option P ppatelkap Follow Improve Article Tags : Web Technologies JQuery jQuery-Mobile Similar Reads jQuery Mobile Popup Widget positionTo Option jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Popup Widget positionTo Option to set the element position relative to the popup. Its possible values are: origin, w 1 min read jQuery Mobile Popup Widget shadow Option jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Popup Widget shadow option to set the shadow around the popup. Syntax: $("selector").popup({ shadow: false }); C 1 min read jQuery Mobile Popup Widget theme Option jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Popup Widget theme option to set the color scheme for the popup contents. Syntax: $("selector").popup({ theme: " 1 min read jQuery Mobile Toolbar transition Option jQuery Mobile is a JavaScript library built using jQuery & is based on the user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. The jQuery toolbar is a widget that can be utilized to enhance headers and footers. T 4 min read jQuery Mobile Popup Widget arrow Option jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Popup Widget arrow Option to set the arrow position where the popup will open. This option support multiple type 1 min read Like