cakephp+Jquery : 显示和隐藏表单答案

【问题标题】：cakephp+Jquery : show and hide formscakephp+Jquery : 显示和隐藏表单
【发布时间】：2014-08-21 02:41:06
【问题描述】：

我试图在按钮单击时完成所有这些操作，所以我决定使用 jquery。场景是，如果 FORM1 可见，则隐藏 FORM2，反之亦然。这意味着这两种形式永远不应同时出现。顺便说一句，我正在使用 cakephp。

Form1 代码（可见）：

Cakephp

echo $this->Form->create('Form1');
....content etc....
echo $this->Form->end();

HTML 等价物

<form id="Form1">
....content etc....
</form>

Form2 代码（隐藏）：

Cakephp

echo $this->Form->create('Form2',array('style'=>'display:none;'));
....content etc....
echo $this->Form->end();

HTML 等价物

<form id="Form2" style="display:none;>
....content etc....
</form>

现在这是我的 jquery

$('#Btn').click(function(){
    console.log("functions working");
    $('#Form1').hide();
    if ($('#Form2').is(':hidden')) {
    console.log("I entered if");
      $('#Form2').show();
    }
});

我只是不明白为什么它不显示，我尝试添加控制台日志并且它们工作正常。目前发生的情况是它只是隐藏了 Form1 而没有显示 Form2。感谢所有的帮助 tnx

【问题讨论】：

标签： jquery html cakephp show-hide

【解决方案1】：

您的代码似乎成功隐藏了 Form1 并显示了 Form2 (see fiddle)。我所做的唯一更改是在您的 Form2 div 的样式后添加缺少的引号，但这可能只是您的错字。

您还可以使用.toggle 函数获得更简洁的代码：

$('#Btn').click(function(){
    $("#Form1, #Form2").toggle();
}

【讨论】：