Отслеживание событий клика

Question

Я использую аккордеон jquery для отображения различных наборов информации, и мой аккордеон выглядит так:

<div id="accordion">
   <h3>Category1</h3>
   <div id="section1">
         < logic to display data for category 1 >
   </div>
   <h3>Category2</h3>
   <div id="section2">
         < logic to display data for category 2 >
   </div>
   <h3>Category3</h3>
   <div id="section3">
        < logic to display data for category 3 >
   </div>
   <h3>Category4</h3>
   <div id="section4">
        < logic to display data for category 4 >
   </div>
   <h3>Category5</h3>
   <div id="section5">
      < logic to display data for category 5 >
   </div>
</div>`

Я хотел знать, как отслеживать количество нажатий на каждый заголовок, и мне нужно отправить этот счетчик кликов для каждого заголовка программе на стороне сервера. Спасибо за вашу помощь!

Answer 1

Я не знаю, очевидно ли это, но вы можете отправлять информацию на сервер при каждом нажатии на заголовок:

$('#accordion > h3').click(function(e){
   var header = $(this).html();
   //then send an ajax request to the server
   $.post(yoururl,{category:header});
});