Функция fadeOut не работает более одной кнопки

Question

Друзья Я определил функцию hideMessage(), но я хочу вызвать эту функцию, когда пользователь нажимает на любую кнопку проверки (у меня есть четыре кнопки). Моя проблема в первый раз, когда она работает, но второй раз, когда я нажимаю на любую кнопку, тогда она не работает. Зачем?

function hideMessage() 
{ 
    $(".msg").css({"color":"Red","font-weight":"bold"}).text("Text box should not be empty."); 
    $(".msg").delay(2000).fadeOut(); 
} 
$('#check_network_button').click(function() 
{ 
    if($("#network_octet1_text").val()!="" && $("#network_octet2_text").val()!="" && $("#network_octet3_text").val()!="" && $("#network_octet4_text").val()!="") 
    { 
     if($("#network_octet1_text").val()==octet[1] && $("#network_octet2_text").val()==octet[5] && $("#network_octet3_text").val()==octet[6] && $("#network_octet4_text").val()==octet[7]) 
     { 
      $("#network_ok_text").css({"color":"Green","font-size":"18px","font-weight":"bold"}).removeClass("glyphicon-remove").addClass("glyphicon-ok"); 
     } else { 
      $("#network_ok_text").css({"color":"Red","font-size":"18px","font-weight":"bold"}).removeClass("glyphicon-ok").addClass("glyphicon-remove"); 
     } 
    } else 
    { 
     hideMessage(); 
    } 
}); 
$('#check_firsthost_button').click(function() 
{ 
    if($("#firsthost_octet1_text").val()!="" && $("#firsthost_octet2_text").val()!="" && $("#firsthost_octet3_text").val()!="" && $("#firsthost_octet4_text").val()!="") 
    { 
     if($("#firsthost_octet1_text").val()==octet[1] && $("#firsthost_octet2_text").val()==octet[8] && $("#firsthost_octet3_text").val()==octet[9] && $("#firsthost_octet4_text").val()==octet[10]) 
     { 
      $("#firsthost_ok_text").css({"color":"Green","font-size":"18px","font-weight":"bold"}).removeClass("glyphicon-remove").addClass("glyphicon-ok"); 
     } else { 
      $("#firsthost_ok_text").css({"color":"Red","font-size":"18px","font-weight":"bold"}).removeClass("glyphicon-ok").addClass("glyphicon-remove"); 
     } 
    } else 
    { 
     hideMessage(); 
    } 
}); 
$('#check_lasthost_button').click(function() 
{ 
    if($("#lasthost_octet1_text").val()!="" && $("#lasthost_octet2_text").val()!="" && $("#lasthost_octet3_text").val()!="" && $("#lasthost_octet4_text").val()!="") 
    { 
     if($("#lasthost_octet1_text").val()==octet[1] && $("#lasthost_octet2_text").val()==octet[11] && $("#lasthost_octet3_text").val()==octet[12] && $("#lasthost_octet4_text").val()==octet[13]) 
     { 
      $("#lasthost_ok_text").css({"color":"Green","font-size":"18px","font-weight":"bold"}).removeClass("glyphicon-remove").addClass("glyphicon-ok"); 
     } else { 
      $("#lasthost_ok_text").css({"color":"Red","font-size":"18px","font-weight":"bold"}).removeClass("glyphicon-ok").addClass("glyphicon-remove"); 
     } 
    } else 
    { 
     hideMessage(); 
    } 
}); 
$('#check_broadcast_button').click(function() 
{ 
    if($("#broadcast_octet1_text").val()!="" && $("#broadcast_octet2_text").val()!="" && $("#broadcast_octet3_text").val()!="" && $("#broadcast_octet4_text").val()!="") 
    { 
     if($("#broadcast_octet1_text").val()==octet[1] && $("#broadcast_octet2_text").val()==octet[14] && $("#broadcast_octet3_text").val()==octet[15] && $("#broadcast_octet4_text").val()==octet[16]) 
     { 
      $("#broadcast_ok_text").css({"color":"Green","font-size":"18px","font-weight":"bold"}).removeClass("glyphicon-remove").addClass("glyphicon-ok"); 
     } else { 
      $("#broadcast_ok_text").css({"color":"Red","font-size":"18px","font-weight":"bold"}).removeClass("glyphicon-ok").addClass("glyphicon-remove"); 
     } 
    } else 
    { 
     hideMessage(); 
    } 
}); 
$('#checkall_button').click(function() 
{ 
    $('#check_network_button').click(); 
    $('#check_firsthost_button').click(); 
    $('#check_lasthost_button').click(); 
    $('#check_broadcast_button').click(); 
}); 

Answer 1

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

function hideMessage() { 
    $(".msg").show().css({ 
    "color": "Red", 
    "font-weight": "bold" 
    }).text("Text box should not be empty."); 
    $(".msg").stop(true).delay(2000).fadeOut(); 
}