Open In App

jQuery UI accordion Widget() Method

Improve
Improve
Like Article
Like
Save
Share
Report

jQuery UI widget() Method is used to return the instance of the current jQuery accordion element.

Syntax:

var a = $( ".selector" ).accordion( "enable" )

Parameters: This method does not accept any parameters.

Return values: This method returns the instance of the current jQuery accordion element.

Approach: First, add jQuery Mobile scripts needed for your project.

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”></script> 
<script src=”https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js”></script> 
<link href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css” rel=”stylesheet” type=”text/css” />

Example 1:

HTML




<!DOCTYPE html>
<html>
  
<head>
    <meta charset="utf-8">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1">
  
    <script src=
    </script>
  
    <script src=
    </script>
  
    <link href=
        rel="stylesheet" type="text/css" />
  
    <script>
        $(function () {
            $( "#gfg" ).accordion();
            var a = $( "#gfg" ).accordion( "widget" );
            console.log(a)
        });
    </script>
    <style>
         #gfg{font-size: 17px;}
    </style>
</head>
  
<body>
    <h1 style="color:green">GeeksforGeeks</h1>
    <b>jQueryUI | widget Accordion</b>
    <br>
    <br>
    <div id="gfg">
        <h2>A</h2>
         <div>Geeks1
            <br>Geeks1
            <br>Geeks1
            <br>Geeks1
            <br>
        </div>
        <h2>B</h2>
        <div>Geeks2
            <br>Geeks2
            <br>Geeks2
            <br>Geeks2
        </div>
    </div>
</body>
  
</html>


 Output:



Last Updated : 23 Nov, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads