I have alerts that should fire on 'activate' and 'beforeActivate' events. Neither of these occur.
Javascript
$(function () {
$(".accordion").accordion({
collapsible: false,
active: true,
activate: function (event, ui) { alert("activate"); },
beforeActivate: function (event, ui) { alert("before activate"); }
});
});
Html
<div>
<ul>
<li>0</li>
<div class="accordion">
<li>
<h3><a href="#">First</a></h3>
<div>
<ul>
<li>1</li>
<li>2</li>
</ul>
</div>
</li>
<li>
<h3><a href="#">Second</a></h3>
<div>
<ul>
<li>3</li>
<li>4</li>
</ul>
</div>
</li>
</div>
</ul>
</div>
I am aware of my incorrect html in nesting div in side of ul.