jquery: how to loose the focus so that it triggered again?

Question

When the dropdown is open, (onFocus), I apply a class and when any dropdown menu is clicked I remove that class.

But, the problem is focus is triggered once. but I need to trigger it multiple times. I mean as far as dropdown is open, I need to apply that active class.

here is my code

$('body').on('focus', '.test', function () {
  $('.select').toggleClass('active');
  console.log('hello');
});

$('#slct').click(function () {
  $('.test').blur();
  $('.select').removeClass('active');
});

user_15846941 · Answer

$('#slct').on('change', function () {
  console.log('You select '+this.value);
  $(this).parents('.select').removeClass('active');
  $(this).blur();
});

$('#slct').focus(function(){
  $(this).parents('.select').addClass('active');
});

$('#slct').blur(function(){
  $(this).parents('.select').removeClass('active');
});

.test{
  border:1px solid red;
}
.select.active{
  background:red;
}

jquery: how to loose the focus so that it triggered again?

1 Answers