0

（原来真正的问题是我正在测试本地文件。这在 chrome 和 firefox 中运行良好，但在 IE 中运行良好。一旦我通过 IE 实际访问实时版本，它运行良好。感谢大家的帮助，并感谢 bipen向我展示切换和缓慢！）

我看过一些关于这个主题的帖子，但还没有看到明确的解决方案。我刚开始使用 jquery/javascript 的东西，似乎无法弄清楚如何在 IE 中完成这项工作。我正在使用 IE9。这适用于 jsfiddle、firefox 和 chrome。如果有任何方法可以压缩此代码而不是使用隐藏/显示，我很想听听它们。谢谢。

以下是我在头部使用的脚本：

    $(document).ready(function() {
    $('#crossfitcontent').hide();
    $('.hidecrossfit').hide();
    $('.showcrossfit').click(function() {
        $('#crossfitcontent').show();
        $('.hidecrossfit').show();
        $('.showcrossfit').hide();
        return false;
        });
    });
   $('.hidecrossfit').click(function() {
       $('.showcrossfit').show();
       $('#crossfitcontent').hide();
       $('.hidecrossfit').hide();

    return false;
});

以下是html：

<div id="crossfit">
Crossfit 
<div class="toggleplus">
<div><a href="" class="showcrossfit" >Thing someone clicks to show div</a></div>
<div><a href="" class="hidecrossfit" >Thing someone clicks to hide div</a></div>
</div> 
<div id="crossfitcontent">  
<div>Stuff about crossfit</div>
</div>
</div>

所有的 div 可能没有意义，但这是因为它适合更大的元素，并且其他元素也会被添加进去。

在此先感谢您的帮助。

4

1 回答 1

1

您可以使用jquery toggle() .. 来显示或隐藏 div... 而不是为每次点击创建函数...

$(document).ready(function() {
  $('#crossfitcontent').hide();
  $('.showcrossfit').click(function() {
      $('#crossfitcontent').toggle('slow');
      return false;
  });
});

这是jsfiddle ..你可以看看..

http://jsfiddle.net/49VdM/

于 2012-12-27T05:34:00.107 回答