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

Question

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

这是我的代码： 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（）函数隐藏其他元素。 ：） 希望这个对你有帮助！