I'm having trouble figuring out how to receive notifications when the Collapsible is expanded and collapsed.
Currently, I am not receiving any type of notification.
Any suggestions on how to make this work?
Below is my code:
--Imported jQuery
<script src="~/Scripts/jquery-2.0.3.min.js"></script>
<script src="~/Scripts/jquery-ui-1.10.3.min.js"></script>
<script src="~/Scripts/jquery.mobile-1.4.0.min.js"></script>
--Jquery
$("#my-collaspible").collapsible({
expand: function (event, ui) {
alert('Expanded');
}
});
--HTML
<div id="my-collaspible" data-role="collapsible-set" data-theme="b" data-content-theme="b">
<div data-role="collapsible" id="divAuto" title="Automation">
<h3>Automation</h3>
<article style="height:600px"></article>
</div>
<div data-role="collapsible" data-theme="a" data-content-theme="a" title="Collaboration">
<h3>Collaboration</h3>
<article></article>
</div>
<div data-role="collapsible" title="Accessibility">
<h3>Accessibility</h3>
<article></article>
</div>
<div data-role="collapsible" data-theme="a" data-content-theme="a" title="Company Management">
<h3>Company Management</h3>
<article></article>
</div>