Add click event in Jquery UI accordian Header

Question

When you create the jQuery user interface, you get a bunch of headers that clicking on them opens a div. However, I would like to perform an additional action after clicking on the title.

How should I do it?

Any ideas?

Thank!

Answer 1

Javascript

$("#CreateNewUserHeader").click(function() {
    alert("test");
});

HTML

<h3 id = "CreateNewUserHeader"><a >Create New User</a></h3>
<div>some stuff</div>

Answer 2

You need to wrap your code in a handler ready:

$(function(){
  $("#CreateNewUserHeader").click(function() {
    alert("test");
  });
});

Also make sure that you do not assign the same identifier to multiple elements.

Answer 3

, , , :

$('#accordion h3 a').bind('click', function (e) {
  // bind to the the header / anchor clicks
  if (!condition) {
    e.preventDefault();
    e.stopPropagation();
  }
});

Answer 4

, , , , .

https://api.jqueryui.com/accordion/#event-activate

$( ".selector" ).accordion({
  activate: function( event, ui ) {}
});