javascript - jquery 显示/隐藏切换在 Internet Explorer 中损坏

Question

我创建了一个包含多个 div 的页面，我想将其切换到同一个位置。这在 chrome 和 firefox 中工作正常，但正如预期的那样在 Internet Explorer 中不起作用。我在一页上使用了相同的方法并且它工作正常但是当我在另一页上复制它以使用多个然后一个 div 然后它打破了。

jquery 是:

<script type="text/javascript">
$(document).ready(function(){ 

//Hide the box       
  $("#sub1").hide();


//Sets up the click function and speed  
  $("#btn-slide").click(function(){
  $("#sub1").slideToggle("slow",function(){



//Toggles link text between open and close  
//=="Open" or as changed here to "VIEW DR. MARTENS HISTORY" is vital in order to close the box
($("#btn-slide").html()=="| THE PUNK SCENE |")?$("#btn-slide").html("Close"):$("#btn-slide").html("| THE PUNK SCENE |");



  });
  return false; 
}); 
</script>

这是在我的 head 标签中，我已经复制了 3 次，所以它总共在 4 个 div 上工作。我已将 #btn-slide 更改为 #btn-slide1 等。

html 是:

<div id="move"><a  href="#" title="| THE PUNK SCENE |" id="btn-slide"  >| THE PUNK SCENE |</a></div>

这是单击以打开隐藏的 div 的链接。同样，我有更多具有不同 div id 的 div 调用不同的#btn-slide。

这是正在打开的 div 的 html:

  <div id="sub1"><strong>The Punk scene</strong> -and 2nd Generation Skins<br />
    <br />
    Following the Skins the Punk scene was a well  known youth subculture to wear Dr. Martens. When Punk became known in the late  70's a second generation of Skins derived from the Punk scene. The media have  often portrayed the 2nd gen Skin over the years, with the popular opinion of  Skinhead culture being a 14 hole Dr. Marten (and white laces wearing)  aggressive young white male. Fascist parties sourced new recruits from football  games and amongst a violent throng of spectators some new recruits were Skins.  <br />
       </div>

我希望这对任何想过如何使其与 IE 兼容的人都有意义。我在 IE 上使用了 f12 工具，但没有错误。

Answer 1

您缺少一些右括号。

这是 fiddle :http://jsfiddle.net/esRFt/7/

它似乎在 IE8 上运行良好。哪个版本有问题？