Добавить задержку на функцию javascript

Question

Привет, я пытаюсь понять, где добавить код, чтобы задержать переключение моего div на 0,5 секунды. Я только что начал javascript/Jquery и не вижу его, но любая помощь приветствуется

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

//it is tied to this if it can help 

<a onclick="toggle_visibility('section1_1_content');toggle_visibility('note1_1');"> <div id="help_tiem_section1_1" onclick="chngimg1()" onmouseover="this.style.cursor='pointer'"> 
      <p1>TEST</p1><img src="down.png" height="10px" width="15px" id="imgplus1"/> 
     </div></a> 

Это работает, однако, как изменить его, чтобы при его возврате на дисплей он не задерживается. Благодаря Jcubic для быстрого ответа.

Answer 1

использование setTimeout():

setTimeout(yourFunction, 500) 

Answer 2

Вы должны использовать SetTimeout

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

Update:

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