如何隱藏textarea？

我面臨的問題是，我的div.hide不工作，因爲它只是顯示，每當我點擊鏈接「回覆」它不會隱藏。如何隱藏textarea？

的JavaScript

<script type="text/javascript"> 
$('body').on('click','a.btnGG',function(){ 
    var va=$(this).data('comment_id'); 
    $("#parent_id").val(va); 
    $("#formReply").attr("va",$("#formReply").attr("va") + va); 
    $(".formms").hide(); 
    $(this).after('<div class="formms">'+$(".gg").html()+'</div>'); 

    $("#hides").onclick(function(){ 
     $(".gg").css("display","block"); 
    }); 
</script>

TPL

<a href="javascript:;" id="hides" class="btnGG" > reply</a> 
<div class="gg" style="display:none;"> 
    <form action="/commenter/web/index.php" id="formReply" method="Post" > 
     <input type = "hidden" name ="m" value = "{$m}" /> 
     <input type="hidden" name="comment_id" id="comment_id" value="{$data.comment_id}"/> 
     <input type = "hidden" name="post_id" value="{$req.post_id}" /> 
     <!-- <input type = "hidden" name="user_id" value="{$req.user_id}" /> --> 
     <input type = "hidden" name ="c" value = "do_add_comment_reply" /> 
     <input type="hidden" name="parent_id" id="parent_id" value=""/> 

     <textarea class="form-control" name="message" placeholder="Please leave a reply of the comment "></textarea> 
     <input type="submit" id="btn_reply" name="btn_reply" class="btn btn-primary" value="Reply"> 

    </form> 
</div>

我初學編程的。

來源

2014-09-24 Blue Venrir

有多種可能性爲什麼出了問題，可能是因爲你還沒有纏你代碼在文檔就緒函數中，這可能是因爲你沒有關閉click函數的括號，這可能是因爲'onclick'是一個js函數，你將它與jQuery混合，只需使用'click'來代替看看他們是否解決你的問題！ – 2014-09-24 07:03:39

首先閱讀上面的註釋。接下來，「val（va）」是什麼意思？它不存在。你的下一行中沒有attar「va」。請提供一些關於您的目標的更多信息以及需要完成的工作，因爲它不是很清楚... – 2014-09-24 07:05:04

我看不到代碼段中的任何元素，其中有一個類'formms'在您嘗試的時候把它藏起來。 – Teemu 2014-09-24 07:05:25

-1

<a href="javascript;" id="hides" class="btnGG" > reply</a> 
<div class="gg" style="display:none;"> 
    // Code 
</div>

它更改爲類似

<a href="#" id="hides" class="btnGG" > reply</a> 
<div class="gg" id="testid" style="display:none;"> 
    // Code 
</div>

和使用腳本像

$(document).ready(function(){ 
    $("#hides").onclick(function(){ 
     $("#testid").toggle("show"); 
    }); 
});

來源

2014-09-24 07:09:56

很難告訴你與你的代碼做什麼。如果你只是想顯示格或隱藏點擊回覆按鈕，有一個完整的代碼（TPL文件）：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
</head> 
<body> 




<a href="javascript:;" id="hides" class="btnGG" > reply</a> 
<div class="gg" style="display:none;"> 
    <form action="/commenter/web/index.php" id="formReply" method="Post" > 
     <input type = "hidden" name ="m" value = "{$m}" /> 
     <input type="hidden" name="comment_id" id="comment_id" value="{$data.comment_id}"/> 
     <input type = "hidden" name="post_id" value="{$req.post_id}" /> 
     <!-- <input type = "hidden" name="user_id" value="{$req.user_id}" /> --> 
     <input type = "hidden" name ="c" value = "do_add_comment_reply" /> 
     <input type="hidden" name="parent_id" id="parent_id" value=""/> 

     <textarea class="form-control" name="message" placeholder="Please leave a reply of the comment "></textarea> 
     <input type="submit" id="btn_reply" name="btn_reply" class="btn btn-primary" value="Reply"> 

    </form> 
</div> 


<script type="text/javascript"> 
    $('body').on('click','a.btnGG',function() { 
     $(".gg").toggle(); 
    }); 
</script> 
</body> 
</html>

來源

2014-09-24 10:25:36

如何隱藏textarea？

回答

相關問題