«Первый щелчок» кнопки не скрывает div

Ниже код работает, но onclick работает только с функцией после второго нажатия кнопки. Почему и что мне нужно сделать для кнопки, чтобы скрыть текстовую область при первом нажатии?«Первый щелчок» кнопки не скрывает div

Мой JavaScript:

function hideShow() {           
    var e = document.getElementById('divHR'); 
    if(e.style.display == 'block') 
     e.style.display = 'none'; 
    else 
     e.style.display = 'block'; 

}

HTML

<button id="btnHideShow" onclick="hideShow();"> 
    <img src="Images/arrow1.bmp" alt="Right Arrow icon" style="width:13px; 
     height:13px; border:0px;" /> 
     Hide or show Human Resources Information 
</button> 
<div id="divHR" class="showHRInfo"> 
    <h3 id="h3Inline">About Windsurf Human Resource (HR) division </h3> 
    <p id="pWindSurfHR" > Windsurf values and respects its employees very highly. 
     Should you have any problem, questions or concerns please 
     contact our Human Resource division. They are always at your service. 
    </p> 
</div>

источник

2014-11-21 Benjamin Jones

'console.log (e.style.display);' ответит, почему – epascarello

http://stackoverflow.com/questions/2880957/detect-inline-block-type-of-a-dom-element – epascarello

console. журнал ответит, если вы знаете, где искать журналы в браузерах. Установите firebug на firefox, а затем проверьте его с помощью клавиши F12. –

он должен работать,

function hideShow() {           
     var e = document.getElementById('divHR'); 
     if(e.style.display != 'none') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 

    }

Ваше свойство отображения DIV стиль может не установлен 'блок'. Если это так, ваш код будет блокировать ваше свойство отображения.

источник

2014-11-21 19:05:12

«Первый щелчок» кнопки не скрывает div

ответ

Смежные вопросы