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

Question

我无法理解如何做到这一点，但我想知道如何在单击按钮时隐藏页面加载时显示的文本。

这就是我目前拥有的：

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

 <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> 

Answer 1

使用display:none; 而不是visibility

改变$p.css('visibility', 'hidden'); 到$p.css('display', 'none');

这对我来说很好

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

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <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>