ejAccordion

11 Jul 201824 minutes to read

The Accordion control is an interface where lists of items can be collapsed or expanded. It has several collapsible panels where only one can be expanded at a time that is useful for dashboards where space is limited. Each Accordion control has a template for its header and its content.

Syntax

  • JAVASCRIPT
    • $(element).ejAccordion()

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language.
                        It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
       $(function () {
           // Initialize Accordion control creation.
           $("#accordion").ejAccordion();
       });
   </script>

    Requires

    • module:jQuery

    • module:jquery.easing.1.3.min.js

    • module:ej.core.js

    • module:ej.accordion.js

    Members

    ajaxSettings object

    Specifies the ajaxSettings option to load the content to the accordion control.

    Default Value

    • null

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// Set the ajaxSettings options during initialization.                  
        $("#accordion").ejAccordion({  ajaxSettings: { type: 'GET', cache: false, data: {}, dataType: "html", contentType: "html", async: true } });
</script>

    ajaxSettings.async boolean

    It specifies, whether to enable or disable asynchronous request.

    ajaxSettings.cache boolean

    It specifies the page will be cached in the web browser.

    ajaxSettings.contentType string

    It specifies the type of data is send in the query string.

    ajaxSettings.data Object

    It specifies the data as an object, will be passed in the query string.

    ajaxSettings.dataType string

    It specifies the type of data that you’re expecting back from the response.

    ajaxSettings.type string

    It specifies the HTTP request type.

    allowKeyboardNavigation boolean

    Accordion headers can be expanded and collapsed on keyboard action.

    Default Value

    • true

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // Enable allowKeyboardNavigation on initialization.
        $("#accordion").ejAccordion({ allowKeyboardNavigation: true});
</script>

    collapseSpeed number

    To set the Accordion headers Collapse Speed.

    Default Value

    • 300

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // Set collapseSpeed on initialization.
        $("#accordion").ejAccordion({ collapseSpeed: 500});
</script>

    collapsible boolean

    Specifies the collapsible state of accordion control.

    Default Value

    • false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
// Allow to collapsible on initialization. 
        //To set collapsible API value 
         $("#accordion").ejAccordion({ collapsible: true});
</script>

    cssClass string

    Sets the root CSS class for Accordion theme, which is used customize.

    Default Value

    • ””

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
 //cssClass on initialization.
        $("#accordion").ejAccordion({cssClass: "gradient-lime" });
</script>

    customIcon object

    Allows you to set the custom header Icon. It accepts two key values “header”, ”selectedHeader”.

    1. header - The collapsing header CSS class name.
    2. selectedHeader - The active header CSS class name.

    Default Value

    • ”{ header: “e-collapse”, selectedHeader: “e-expand” }”

    customIcon.header string

    This class name set to collapsing header.

    customIcon.selectedHeader string

    This class name set to expanded (active) header.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">           
//customIcon on initialization. 
  $("#accordion").ejAccordion({
                customIcon: {
                        header: "header-close",
                        selectedHeader: "header-expand"
                }
        });
</script>

    disabledItems number[]

    Disables the specified indexed items in accordion.

    NOTE

    The disabledItems is a dependent property of enableMultipleOpen. The enableMultipleOpen property should be set as true.

    Default Value

    • []

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // disabledItems on initialization.
        $("#accordion").ejAccordion({ disabledItems: [0,1] });
</script>

    enableAnimation boolean

    Specifies the animation behavior in accordion.

    Default Value:

    • true

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// Set the enableAnimation value during initialization.                         
        $("#accordion").ejAccordion({  enableAnimation : false });
</script>

    enabled boolean

    With this enabled property, you can enable or disable the Accordion.

    Default Value

    • true

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // Enable accordion on initialization.
        $("#accordion").ejAccordion({ enabled: true});
</script>

    enabledItems number[]

    Used to enable the disabled items in accordion.

    NOTE

    The enabledItems is a dependent property of enableMultipleOpen. The enableMultipleOpen property should be set as true.

    Default Value

    • []

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // enabledItems on initialization.
        $("#accordion").ejAccordion({ enabledItems: [0,1] });
</script>

    enableMultipleOpen boolean

    Multiple content panels to activate at a time.

    Default Value

    • false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // Enable enableMultipleOpen on initialization.
        $("#accordion").ejAccordion({ enableMultipleOpen: true});
</script>

    enablePersistence boolean

    Save current model value to browser cookies for maintaining states. When refreshing the accordion control page, the model value is applied from browser cookies or HTML 5
    local storage.

    Default Value

    • false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // Enable enablePersistence on initialization.
        $("#accordion").ejAccordion({ enablePersistence: true});
</script>

    enableRTL boolean

    Display headers and panel text from right-to-left.

    Default Value

    • false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // Enable enableRTL on initialization.
        $("#accordion").ejAccordion({ enableRTL: true});
</script>

    events string

    The events API binds the action for activating the accordion header. Users can activate the header by using mouse actions such as mouse-over, mouse-up, mouse-down, and so
    on.

    Default Value

    • “click”

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
// Bind events API on initialization. 
$("#accordion").ejAccordion({ events: "mouseover" });
</script>

    expandSpeed number

    To set the Accordion headers Expand Speed.

    Default Value:

    • 300

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // Set expandSpeed on initialization.
        $("#accordion").ejAccordion({ expandSpeed: 500});
</script>

    headerSize number|string

    Sets the height for Accordion items header.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">           
//header on initialization. 
  $("#accordion").ejAccordion({
                        headerSize: "40px"
        });
</script>

    height number|string

    Specifies height of the accordion.

    Default Value:

    • null

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">           
//header on initialization. 
  $("#accordion").ejAccordion({
                        height: "500px"
        });
</script>

    heightAdjustMode enum|string

    Adjusts the content panel height based on the given option (content, auto, or fill). By default, the panel heights are adjusted based on the content.

    Name Description
    Content Height fit to the content in the panel
    Auto Height set to the largest content in the panel
    Fill Height filled to the content of the panel

    Default Value

    • “content”

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//heightAdjustMode  for content div on initialization. 
$("#accordion").ejAccordion({ heightAdjustMode : ej.Accordion.HeightAdjustMode.Auto }); //enum 
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//Pass value on string type. 
$("#accordion").ejAccordion({ heightAdjustMode : "auto" }); 
</script>

    htmlAttributes object

    It allows to define the characteristics of the Accordion control. It will helps to extend the capability of an HTML element.

    Default Value

    • {}

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script type="text/javascript">           
    //HtmlAttributes on initialization. 
    $("#accordion").ejAccordion({
        htmlAttributes: { title: "Demo" }
    });
</script>

    selectedItemIndex number

    The given index header will activate (open). If collapsible is set to true, and a negative value is given, then all headers are collapsed. Otherwise, the first panel is
    activated.

    Default Value

    • 0

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
 //Activate given header on initialization.
        $("#accordion").ejAccordion({ selectedItemIndex : 1 });
</script>

    selectedItems number[]

    Activate the specified indexed items of the accordion

    NOTE

    The selectedItems is a dependent property of enableMultipleOpen. The enableMultipleOpen property should be set as true.

    Default Value

    • [0]

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
  // selectedItems on initialization.
        $("#accordion").ejAccordion({ selectedItems: [0,1] });
</script>

    showCloseButton boolean

    Used to determines the close button visibility an each accordion items. This close button helps to remove the accordion item from the control.

    Default Value

    • false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script type="text/javascript">
        // selectedItems on initialization.
        $("#accordion").ejAccordion({ showCloseButton: true });
</script>

    showRoundedCorner boolean

    Displays rounded corner borders on the Accordion control’s panels and headers.

    Default Value

    • false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script type="text/javascript">
        // Enable showRoundedCorner on initialization.
        $("#accordion").ejAccordion({ showRoundedCorner: true});
</script>

    width number|string

    Specifies width of the accordion.

    Default Value:

    • null

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">           
  //Accordion initialization. 
  $("#accordion").ejAccordion({
                width: "500px"
        });
</script>

    Methods

    addItem(header_name, content, index, isAjaxReq)

    AddItem method is used to add the panel in dynamically. It receives the following parameters

    Name Type Description
    header_name string specify the name of the header
    content string content of the new panel
    index number insertion place of the new panel
    isAjaxReq boolean Enable or disable the AJAX request to the added panel

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
// Call addItem method.
$("#accordion").ejAccordion("addItem", "New Item", "The accordion content", 2);
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// addItem the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.addItem("New item", "The accordion content", 2); //Calls the addItem method of Accordion.   
</script>

    collapseAll()

    This method used to collapse the all the expanded items in accordion at a time.

    NOTE

    Before we call this method, we must set “collapsible” is true. Then only collapseAll method will working.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// Call collapseAll method.
$("#accordion").ejAccordion();
$("#accordion").ejAccordion("collapseAll");
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// collapse All the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.collapseAll(); //Calls the collapseAll method of Accordion.      
</script>

    collapsePanel()

    This method used to Collapses the specified items in accordion at a time.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// Call collapsePanel method.
$("#accordion").ejAccordion();
$("#accordion").ejAccordion("collapsePanel",0);
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// collapse Panel the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.collapsePanel(0); //Calls the collapsePanel method of Accordion.      
</script>

    destroy()

    destroy the Accordion widget all events bound using this._on will be unbind automatically and bring the control to pre-init state.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.destroy(); //Calls the destroy method of Accordion.
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// destroy the Accordion
$("#Accordion").ejAccordion("destroy"); 
</script>

    disable()

    Disables the accordion widget includes all the headers and content panels.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// Call disable method.
 $("#accordion").ejAccordion();
$("#accordion").ejAccordion("disable");
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// disable the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.disable(); //Calls the disable method of Accordion.      
</script>

    disableItems(index)

    Disable the accordion widget item based on specified header index.

    Name Type Description
    index array index values to disable the panels

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
// Call disableItems method.
$("#accordion").ejAccordion("disableItems", [1]);
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// disableItems the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.disableItems([1]); //Calls the disableItems method of Accordion.   
</script>

    enable()

    Enable the accordion widget includes all the headers and content panels.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
// Call enable method.
$("#accordion").ejAccordion("enable");
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// destroy the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.enable(); //Calls the enable method of Accordion.        
</script>

    enableItems(index)

    Enable the accordion widget item based on specified header index.

    Name Type Description
    index array index values to enable the panels

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
// Call enableItems method.
$("#accordion").ejAccordion("disableItems", [0]); 
$("#accordion").ejAccordion("disableItems", [1]); 
$("#accordion").ejAccordion("enableItems", [1]);
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// enableItems the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.disableItems([0]);
Object.disableItems([1]);
Object.enableItems([1]); //Calls the enable method of Accordion.  
</script>

    expandAll()

    To expand all the accordion widget items.

    NOTE

    Before we call this method, we must set “enableMultipleOpen” is true. Then only expandAll method will working.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// Call expandAll method.
 $("#accordion").ejAccordion();
$("#accordion").ejAccordion("expandAll");
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// expand All the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.expandAll(); //Calls the expandAll method of Accordion.  
</script>

    expandPanel()

    This method used to Expand the specified items in accordion at a time.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// Call expandPanel method.
 $("#accordion").ejAccordion();
$("#accordion").ejAccordion("expandPanel",1);
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// expand Panel the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.expandPanel(1); //Calls the expandPanel method of Accordion.  
</script>

    getItemsCount()

    Returns the total number of panels in the control.

    Returns:

    number

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
// Call getItemsCount method.
$("#accordion").ejAccordion("getItemsCount");
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// getItemsCount the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.getItemsCount(); //Calls the getItemsCount method of Accordion.  
</script>

    hide()

    Hides the visible Accordion control.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
// Call hide method.
$("#accordion").ejAccordion("hide");
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// hide the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.hide(); //Calls the hide method of Accordion.    
</script>

    refresh()

    The refresh method is used to adjust the control size based on the parent element dimension.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
// Call refresh method.
$("#accordion").ejAccordion("refresh");
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// refresh the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.refresh(); //Calls the refresh method of Accordion.   
</script>

    removeItem(index)

    RemoveItem method is used to remove the specified index panel.It receives the parameter as number.

    Name Type Description
    index number specify the index value for remove the accordion panel.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
// Call removeItem method.
$("#accordion").ejAccordion("removeItem", 2);
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// removeItem the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.addItem(2); //Calls the removeItem method of Accordion.   
</script>

    show()

    Shows the hidden Accordion control.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
           $("#accordion").ejAccordion();
// Call show method.
$("#accordion").ejAccordion("show");
</script>
  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
<script>
// show the Accordion
$("#accordion").ejAccordion();
var Object = $("#accordion").data("ejAccordion");
Object.show(); //Calls the show method of Accordion.    
</script>

    Events

    activate

    Triggered after a Accordion item is active . Argument values are activeIndex, activeHeader, isInteraction and current model values.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event
    activeIndex number returns active index
    activeHeader object returns current active header
    isInteraction boolean returns true when the Accordion index activated by user interaction otherwise returns false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial activate event
        $("#accordion").ejAccordion({ activate: function (args) {}
});
</script>

    ajaxBeforeLoad

    Triggered before the AJAX content is loaded in a content panel. Arguments have location of the content (URL) and current model value.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event
    URL string returns current AJAX content location

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial ajaxBeforeLoad event
        $("#accordion").ejAccordion({ ajaxBeforeLoad: function (args) {}
});
</script>

    ajaxError

    Triggered after AJAX load failed action. Arguments have URL, error message, and current model value.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event
    URL string returns current AJAX content location
    data string returns the failed data sent.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial ajaxError event
        $("#accordion").ejAccordion({ ajaxError: function (args) {}
});
</script>

    ajaxLoad

    Triggered after the AJAX content loads. Arguments have current model values.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event
    URL string returns the name of the URL

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial ajaxLoad event
        $("#accordion").ejAccordion({ ajaxLoad: function (args) {}
});
</script>

    ajaxSuccess

    Triggered after AJAX success action. Arguments have URL, content, and current model values.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event
    URL string returns current AJAX content location
    data string returns the successful data sent.
    content string returns the AJAX content.

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial ajaxSuccess event
        $("#accordion").ejAccordion({ ajaxSuccess: function (args) {}
});
</script>

    beforeActivate

    Triggered before a tab item is active. Arguments have active index and model values.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event
    activeIndex number returns active index
    isInteraction boolean returns true when the Accordion index activated by user interaction otherwise returns false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial beforeActivate event
        $("#accordion").ejAccordion({ beforeActivate: function (args) {}
});
</script>

    beforeInactivate

    Triggered before a Accordion item is inactive. Argument values are inActiveIndex and model values.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event
    inActiveIndex number returns active index
    isInteraction boolean returns true when the Accordion index activated by user interaction otherwise returns false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial activate event
        $("#accordion").ejAccordion({ beforeInactivate: function (args) {}
});
</script>

    create

    Triggered after Accordion control creation.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial create event
        $("#accordion").ejAccordion({ create: function (args) {}
});
</script>

    destroy

    Triggered after Accordion control destroy.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial destroy event
        $("#accordion").ejAccordion({ destroy: function (args) {}
});
</script>

    inActivate

    Triggered after a Accordion item is inactive. Argument values are inActiveHeader, inActiveIndex ,isInteraction and current model values.

    Name Type Description
    cancel boolean if the event should be canceled; otherwise, false.
    model object returns the accordion model
    type string returns the name of the event
    inActiveIndex number returns active index
    inActiveHeader object returns in active element
    isInteraction boolean returns true when the Accordion index activated by user interaction otherwise returns false

    Example

  • HTML
    • <div id="accordion">
       <h3>
           <a href="#">ASP.NET</a></h3>
       <div>
Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser.
       </div>
       <h3>
           <a href="#">ASP.NET MVC</a></h3>
       <div>
The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications.
       </div>
       <h3>
           <a href="#">JavaScript</a></h3>
       <div>
JavaScript (JS) is an interpreted computer programming language. It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.
       </div>
   </div>
 <script type="text/javascript">
//initial activate event
        $("#accordion").ejAccordion({ inActivate: function (args) {}
});
</script>