IE浏览器中不工作的SlideDown事件(第7版)

Question

我创建了一个站点，但是在IE7中出现了一些问题，我有一个导航，当我单击li元素时，所有li的幻灯片和匹配的div幻灯片都向下移动。

这在除IE7之外的所有浏览器中都适用。

有人知道我需要做什么才能解决这个问题吗？因为最小宽度:0不起作用，我必须使用位置:相对位置

滑块起作用，但滑动不起作用。

这就是我拥有的..。

​

var $j = jQuery.noConflict();

$j(function() {
  $j('ul#menus li a').click(
    function() {
      $j('#menu-container .post').slideUp();
      $j('#menu-container #post-' + $j(this).attr('class')).slideDown();
    });
});

/* Menu */

#menu-container {
  display: table;
  margin: 0px auto;
  padding-top: 50px;
  width: 500px;
  text-align: center;
}

#menu-container .post {
  display: none;
  margin: 25px auto 50px;
  width: 575px;
  min-width: 0;
}

#menu-container .first_item {
  display: block;
}

#menu-container h2 {
  margin-bottom: 20px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul id="menus">
  <li class="post-1 post type-post hentry category-menus" id="post-1">
    <h2><a href="#" rel="bookmark" title="Permanent Link to menu01" class="1">menu01</a></h2>
  </li>

  <li class="post-11 post type-post hentry category-menus" id="post-11">
    <h2><a href="#" rel="bookmark" title="Permanent Link to menu02" class="11">menu02</a></h2>
  </li>

  <li class="post-59 post type-post hentry category-menus" id="post-59">
    <h2><a href="#" rel="bookmark" title="Permanent Link to menu03" class="59">menu03</a></h2>
  </li>
</ul>

<div id="menu-container">
  <div class="post-1 post type-post hentry category-menus first_item" id="post-1">
    Content
  </div>

  <div class="post-11 post type-post hentry category-menus" id="post-11">
    Content
  </div>

  <div class="post-59 post type-post hentry category-menus" id="post-59">
    Content
  </div>
</div>
<!-- end #menu-container-->

​

Answer 1

类不能是数字。试着把你的类改为单词，看看它是否有效。

class="title_11"