Как скрыть div, если состояние формы недействительно

Question

Может ли кто-нибудь предложить мне, как скрыть div, если состояние формы недействительно?

На самом деле мое требование, как это: - мне нужно показать некоторый успех бар при загрузке & страницы, то я хочу, чтобы скрыть это Див, если форма государства является недействительным, когда пользователь нажимает на отправить button.I попытался это, который работал ранее, но каким-то образом изменился наш пользовательский интерфейс. Поэтому, когда я пытаюсь интегрировать этот код с новым пользовательским интерфейсом, он не работает.

<div class="addUser_success"> 
</div> 
<button class="addUser_button" type="submit" onclick="hideDiv()"></button> 

Script Code: -

function hideDiv() 
    {   
     if (document.getElementById) { 
      document.getElementById('addUser_success').style.display = 'none'; 
    } 

Также я использовал Jquery, но не работает на всех

Мой Jquery код -

$(document).ready(function() 
    { 
     $(".addUser_button").click(function() 
     { 
      alert("hai1"); 
      $(".addUser_success").hide(); 
     }); 
    }); 
Any code snippets please???? 

Answer 1

Я думаю, что это

div.style.display = 'none';

и

div.style.display = 'блок';

Answer 2

Попробуйте это:

function toggle_visibility(id) { 
    var e = document.getElementById(id); 
    if(e.style.display == 'block') 
     e.style.display = 'none'; 
    else 
     e.style.display = 'block'; 
}