title: Javascript not work after firing Updatepanel in asp.net
body: <p>My website's template is based on bootstrap and in the nav menu, I used the below code for some effects!</p>
  <pre><code>$('.productbar .dropdown').on('show.bs.dropdown', function (e) {
          $(this).find('.dropdown-menu').first().stop(true, true).fadeIn(300);
          $(this).find('.dropdown-menu').first().stop(true, true).animate({ top: &quot;45px&quot; }, 300);
      });
  
      $('.productbar .dropdown').on('hide.bs.dropdown', function (e) {
          $(this).find('.dropdown-menu').first().stop(true, true).fadeOut(300);
          $(this).find('.dropdown-menu').first().stop(true, true).animate({ top: &quot;55px&quot; }, 300);
          $(this).find('.sub-menu').hide();
          $(this).find('.left-caret').addClass(&quot;right-caret&quot;).removeClass(&quot;left-caret&quot;);
      });
  </code></pre>
  <p>After firing the action button, updatepanel will fire and after this, the menu effect doesn't work!</p>
  <p>What is the solution?</p>