切换div问题

我试图切换一些div并且它不起作用，这里是js：

 $(function(){ $('#toggle_full').click(function(){ $('#full_size').removeClass('toggle'); $('#thumb_list').addClass('toggle'); }); }); $(function(){ $('#toggle_thumb').click(function(){ $('#thumb_list').removeClass('toggle'); $('#full_size').addClass('toggle'); }); });  

以下是锚点：

这是class级：

 .toggle { display: none; } 

现在问题在哪里？

Answer 1

您的身份证不符合。

在您的HTML中，您有toggle_thumbs ，但在您的代码中，您有toggle_thumb 。

---

如果你所做的只是隐藏和显示，你可以大大简化代码，如下所示：

http://jsfiddle.net/xTPU8/2/

 $(function() { var $elems = $('#toggle_full').hide() .add('#toggle_thumb').click(function() { $elems.toggle(); }); });​ 

编辑：使它更有效率。

Answer 2

添加return false; 在你的.click()委托中，以防止浏览器导航到’＃’（跳转到页面顶部）。

您也可以简化JS，但是将两个链接绑定放在一起，并使用hide()和show()如已建议的那样。 最终结果将是：