jQueryのトグルショー特集

Question

<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#showhidetarget').show(); 
    $('a#showhidetrigger').click(function() { 
    $('#showhidetarget').toggle(400); 
    }); 
}); 
</script> 

私は私の検索フォームがトグル上にあるため、このスクリプトはので、もし、それが唯一の私は非表示アクションをクリックすると非表示にすることができ、負荷に非表示にすると、その後毎回表示されるはずですしたいです誰かがこれを検索すると、フォームは私が欲しくない結果ページで閉じられます。私はコメントを読んで、私はあなたが問題は単に今.hide()

の.show() instadを使用することができ、これは負荷にdiv要素を非表示にするあなたが何をしたいのか本当にわからないんだけど、あなたに

Answer 1

をありがとうございます。あなたは、単にデフォルトでは、CSSであなたのdivにdisplay: noneを設定し、ラインに$('#showhidetarget').show();

を削除することができ

$('#showhidetarget').hide(); 

私は、一例として、インラインCSSを使用しています：

<div id="showhidetarget" style="display:none"> 
</div> 

ここ例ですjQuery hideソリューションの詳細：

http://jsfiddle.net/RzHdK/

そして、これはCSSと、デフォルトで div要素を隠しの例です：あなたはそれだけを非表示にする場合

：

http://jsfiddle.net/WSb2Y/1/

編集フォームを提出した場合、デフォルトでPHPでこれを行うことができます：

<div id="showhidetarget"<?php if ($_SERVER['REQUEST_METHOD'] == 'POST') 
           { 
            echo ' style="display:none"'; 
           } ?> 
></div> 

このように、わかりやすくするために書式を設定しました。 ワンラインバージョン：

<div id="showhidetarget"<?php if ($_SERVER['REQUEST_METHOD'] == 'POST') { echo ' style="display:none"'; } ?>></div>