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

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（）函数隐藏其他元素。 :)希望这有点帮助！