JS控制显示隐藏兼容问题(IE6、IE7、IE8)

要在IE6、IE7、IE8浏览器中实现JS控制显示隐藏兼容，我们需要使用特定的JavaScript代码和CSS样式。

下面是具体的步骤：

步骤一：HTML代码

首先，在HTML页面中需要先定义具体的结构，如下：

<div class="wrapper">
  <h3 class="title">这里是标题</h3>
  <div class="content">这里是需要显示的内容</div>
</div>

其中，wrapper是最外层的包裹容器，title是标题内容的样式类名，content是需要显示的内容的样式类名。

步骤二：CSS样式

接下来，需要设置CSS样式，让默认情况下content的显示状态为隐藏，如下：

.content{
  display: none;
}

这样就可以保证在页面加载时content内容不会显示。

步骤三：添加JavaScript代码

要实现鼠标点击title后，显示或隐藏content内容的效果，我们需要添加下面的JavaScript代码：

//寻找class为title的元素，绑定click事件
document.querySelector('.title').addEventListener('click', function(){
  //获取class为content的元素
  var content = document.querySelector('.content');
  //判断元素当前的display状态是否为none
  if(content.style.display === 'none'){
    content.style.display = 'block';
  }else{
    content.style.display = 'none';
  }
})

以上代码中，我们使用了querySelector方法获取元素，使用了addEventListener方法绑定事件，然后通过判断content元素的display属性来实现显示和隐藏的效果。

示例一：使用jQuery实现

除了以上的方法外，我们还可以使用jQuery库来实现兼容问题，如下：

$('.title').click(function(){
  $('.content').toggle();
})

以上代码中，我们使用了jQuery的click方法绑定事件，使用了toggle方法来切换元素的显示和隐藏状态。

示例二：使用CSS伪类实现

除了上述两种方法外，我们还可以使用CSS伪类来实现兼容问题，如下：

.wrapper:hover .content{
  display: block;
}

以上代码中，我们使用了CSS的伪类选择器:hover，在鼠标移动到wrapper容器上时，会将内部的content元素显示出来。这种方法不需要任何JavaScript代码，相对更加简单。

综上所述，以上是JS控制显示隐藏兼容问题的完整攻略，其中包含了使用原生JavaScript代码、jQuery、CSS伪类三种实现方法，可以根据具体需要进行选择。