javascript - クリック時にコンテンツを表示/非表示にする方法

Question

リンクをクリックして1つを開き、他のすべての開いているものを同時にdiv閉じる/切り替えるための解決策を見つけようとしています。div

これは私のコードです：http：//jsfiddle.net/6Ptkw/1/

これは正しい方法だと思いましたが、うまくいきません。

Answer 1

you were close, but note that jsfiddle by default wraps everything in an onDomReady function closure, meaning that your slideonlyone function is no longer visible.

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

the jsFiddle you posted would have code like this

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

});

one that onDomReady function exits, you would no longer have any scope at which to reference the slideonlyone function

I changed it to nowrapper, so that it would be available at the global scope. This is generally bad practice, and you should attach the click events via

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

})

rather than doing <a href="javascript:">

Answer 2

このコードを試すことができます (要素に適用するだけです)。これは div 要素を「スライドして開きます」:

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

. hide() 関数を使用して他の要素を非表示にするだけです。:)これが少し役立つことを願っています！