jQuery hide () не работает (IE9) - PullRequest
Новая
       18

jQuery hide () не работает (IE9)

0 голосов
/ 17 января 2012

Я делаю div, который должен быть скрыт при загрузке страницы, а затем видимым, когда пользователь нажимает на ссылку.Код ниже работает в FF / IE7 / IE8, но не в IE9, где div виден постоянно (без содержимого).Заранее спасибо! 

<script>
  $(document).ready(function() {
      $('#translateBoxen').hide();
      $('#translateToggle').click(function() {
         $('#translateBoxen').toggle(400);
         return false;
      });
  });
</script> // This is the jQuery code to hide and toggle the div //

<div style="width:200px;height:100px;position:absolute;"> // Just a holder that's needed for the site
  <a class="vitxtext" style="font-size:10px;" id="translateToggle" href="#">
      Translate
  </a>
  <div style="clear:both;"></div>
  <div id="translateBoxen">
       // BOX CONTENT //
  </div>
</div>

Ответы [ 2 ]

1 голос
/ 11 июня 2015

Поздно на вечеринке, но попробуйте создать класс .hidden с display:none, затем скрыть / показать, поставив addClass('hidden') и removeClass('hidden') вместо show / hide.

1 голос
/ 17 января 2012

Почему бы вам не спрятать <div> с помощью CSS? Просто установите значение display:none в вашем CSS, а затем при первом щелчке по ссылке переключения она должна отображаться.

Нет причины, по которой toggle() не должен работать в IE9, вы получаете какие-либо ошибки скрипта?

...