adding function to jQuery UI Accordion Event

by Akram kamal

HTML

<div class="accordion_closed">
     <h3><a href="#">Accordion</a></h3>

    <div>Accordion Content</div>
     <h3><a href="#">Accordion</a></h3>

    <div>Accordion Content</div>

     <h3><a href="#">Accordion</a></h3>

    <div>Accordion Content</div>

</div>
<div id="HideThis">Lorem ipsum dolor sit amet, pri ad quodsi persecuti ullamcorper. Ad vel apeirian constituam, ne tantas suavitate quo. Ex case vituperatoribus mea, ei habemus invidunt ullamcorper nec. Qui eu putent abhorreant, qui ea deleniti menandri.</div>

JavaScript

var leaf = false;
$(".accordion_closed").accordion({
    event: "click hoverintent",
    collapsible: true,
    active: false,
    autoHeight: false,
    height: 20,
    activate:function(e,ui){
        leaf = $(this).accordion("option", "active");
        console.log(leaf)
        $("#HideThis").toggle(leaf===false) 
    },
}).mouseleave(function () {
    
    $(this).accordion({
        active: false
    });
    
}).mouseenter(function () {
    $(this).accordion({
        active: true
    });
});