jQuery切换显示问题

时间:2012-03-21 07:18:38

标签: jquery

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

我希望此脚本在加载时隐藏,然后应该每次都显示,然后只有在我点击该隐藏操作时才能隐藏它,因为我的搜索表单处于切换状态,因此如果有人搜索此表单,表单将被关闭在我不想要的结果页面上。谢谢

1 个答案:

答案 0 :(得分:0)

我不确定你想做什么,但在我阅读评论时你的问题可能只是使用.show() .hide()

的{

现在这应该在加载时隐藏div。

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

默认情况下,您也可以使用CSS在div上设置display: none并删除行$('#showhidetarget').show();

我使用内联CSS作为示例:

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

以下是jsfiddle上 jQuery hide 解决方案的示例

http://jsfiddle.net/RzHdK/

默认隐藏 示例 CSS

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>