title: Apply on click javascript event to a header in JSP instead of using <a> tag
body: <p>I currently have a header with a toggle button which will expand on click.</p>
  
  <p>Html : </p>
  
  <pre><code>&lt;h3 class="toggle_header" id="Tax_information_eSignature"&gt;
      &lt;a href="javascript:void(0);" class="icon_toggle_open"&gt;&lt;/a&gt;
      &lt;spring:message code="TaxInformation.eSignature" /&gt;
      &lt;label for="Tax_information_eSignature"&gt;&lt;/label&gt;
  &lt;/h3&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).on('click', '.icon_toggle_open', function (e) {
          stop(e);
          $(this).removeClass("icon_toggle_open")
              .addClass("icon_toggle_close")
              .attr("alt","Show")
              .attr("title","Show")
              .parent().next('.toggle_content').hide();
          $(window).blur();       
        });
  
       $(document).on('click', '.icon_toggle_close', function (e) {
          stop(e);
          $(this).removeClass("icon_toggle_close")
              .addClass("icon_toggle_open")
              .attr("alt","Hide")
              .attr("title","Hide")
              .parent().next('.toggle_content').show();
          $(window).blur();       
        });
  </code></pre>
  
  <p>It is currently working as expected. The user needs to click on the toggle icon to expand the div. <a href="https://i.stack.imgur.com/4wXbP.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4wXbP.jpg" alt="enter image description here"></a></p>
  
  <p>Instead of clicking on the expand button, I want the Expand/collapse to be triggered upon clicking anywhere in the accordion bar. I am new to JSP, can anyone help?</p>