как скрыть модал с jquery?

Question

кнопка

<button type="button" class="btn" onclick="CountClass()" runat="server" data-toggle="modal" data-target="#inlineForm1">OPEN</button>

модальный

<div class="modal fade text-left" id="inlineForm1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel34" aria-hidden="true">
some code
</div>

JavaScript:

function CountClass() {
   if(some code){
      $('#inlineForm1').modal('hide');
   }
}

почему не работает ??

Answer 1

$(document).ready(function(){
$('.modal').modal('hide');
});

Answer 2

Вы не сказали, каким должно быть ваше выражение if, поэтому я не обращаюсь к этому, но чтобы скрыть что-то с помощью jQuery, вы можете просто использовать .hide() для выбранного элемента.

$('#inlineForm1').hide();

За кадром это добавляет style="display:none" к элементу, а наоборот, .show() удаляет это. Зная это, вы также можете переопределить поведение с помощью CSS или запустить его в одном или другом состоянии.