Javascript 如何在单击时显示/隐藏内容

我试图找到一种解决方案，通过单击链接打开一个div，同时关闭/切换所有其他打开的div

这是我的代码：

---

我认为这是正确的方法，但它不起作用。

您已经接近了，但请注意，JSFIDLE默认情况下将所有内容包装在onDomReady函数闭包中，这意味着您的SlideOnOne函数不再可见

您发布的JSFIDLE的代码如下

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

});

一旦onDomReady函数退出，您就不再有任何引用SlideOnOne函数的作用域

我把它改成了Nowraper，这样它就可以在全球范围内使用了。这通常是不好的做法，您应该通过

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

})

---

您可以尝试使用此代码，而不是执行

，只需将其应用于您的元素即可 此幻灯片将打开一个div元素：

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

只需使用.hide函数隐藏其他元素：希望这有点帮助