单击按钮时隐藏已显示页面加载的段落

Question

我无法理解如何执行此操作，但我想知道如何在单击按钮时隐藏页面加载时显示的文本。

这就是我目前所拥有的：

＆＃13;

＆＃13;

$(document).ready(function() {
   var $p = $('p#menu_title');
   $("input#save_first_prod").click(function() {
      $p.css('visibility', 'hidden');
   });
});

＆＃13;

<div id="red_head">
   <p id="menu_title" onclick="hideText('text1')" > Add your first menu item</p>
</div>
<form name="first_prod" id="first_prod" enctype="multipart/form-data" action="testing.php" method="post" accept-charset="utf-8" >               
   <input type="Submit" id="save_first_prod" name="save_first_prod" value=" + ADD"> 
</form>

＆＃13;

＆＃13;

＆＃13;

Answer 1

使用System.in代替display:none;

将visibility更改为$p.css('visibility', 'hidden');

这对我来说很好用

＆＃13;

＆＃13;

$p.css('display', 'none');

＆＃13;

$(document).ready(function() {
var $p = $('p#menu_title');
$("input#save_first_prod").click(function() {
    $p.css('display', 'none');

});
});

＆＃13;

＆＃13;

＆＃13;