如何在点击上显示/隐藏内容

Question

我正在尝试通过单击链接来打开一个div，同时关闭/切换所有其他打开的div s。

这是我的代码：http://jsfiddle.net/6Ptkw/1/

我认为这是正确的做法，但它不工作。

Answer 1

你很近，但请注意，默认情况下，jsfiddle将所有内容都封装在onDomReady函数闭包中，这意味着您的slideonlyone函数不再可见。

http://jsfiddle.net/6Ptkw/5/

中的jsfiddle您发布会有这样

$(function(){ 
    function slideonlyone(){ 
     //your code 
    }; 

}); 

一个onDomReady函数退出代码，你将不再有在其任何范围内引用slideonlyone功能

我将其更改为nowrapper，以便它可以在全球范围内使用。这通常是不好的做法，你应该通过

$("a").click(function(){ 

}) 

连接单击事件而不是做<a href="javascript:">

Answer 2

你可以试试这个代码（只是把它采用到元素） 这种“滑开”一个div元素：

$('#workload').click(function(){ 
     $('#work').load('pagehere.jsp'); 
     $('#work').animate({ 
     height: '25%', 
     fontSize: "3em", 
     borderWidth: "10px" 
    }, 1000); }); 

只是用.hide（）函数隐藏其他元素。 ：） 希望这个对你有帮助！