Div скрывает, только если же пространство занимает другой HTML элемент - IOS/Safari только

Question

Я сделал простую кнопку, чтобы войти в систему с Facebook, fbButton ниже, но кнопка скрывает только в IOS/Safari Mobile с помощью JQueryhide() и show(), когда занимаемое им пространство занято другим элементом.

У меня нет проблем с получением div, чтобы скрыть при запуске страницы на моем ноутбуке (Firefox и Chrome), поэтому проблема существует только в iOS. Я не тестировал его на Android или иначе.

<div class="loginSignUp" style="display:none"> 
    <form> 
     <label class="email" for="email">Email</label> 
     <input class="email" type="email" id="email"> 
     <label class ="username" for="username">Username</label> 
     <input type="username" id="username"> 
     <label for="password">Password</label> 
     <input type="password" id="password"> 
     <label class="confirmPassword" for="confirmPassword">Confirm password</label> 
     <input class="confirmPassword" type="password" id="confirmPassword"> 
     <div class="formSubmit">Submit</div> 
    </form> 
    <div class="loginOr">OR</div> 
    <div class="fbButton"> 
     <img src="https://www.facebook.com/images/fb_icon_325x325.png" /> 
     <div class="fbTextHolder"> 
      <div class="fbText">Log in with Facebook</div> 
     </div> 
    </div> 
</div> 

Опять же, Javascript прост - просто JQuery hide() и show().

Любые идеи?

Answer 1

, когда занимаемое им пространство занято другим элементом.

Звучит как проблема с z-индексом для меня ?. Это происходит и в ландшафтном режиме? Попробуйте вместо этого использовать .toggle() или .css('display', 'none');, если проблема не устранена.