Add form in View at runtime

[Ismael123]

i want a form containing a text bar to appear when comment is clicked

 <li><a href="#" id="comment">Comment</a></li>

I couldnt do it using razor so I tried writing a Jquery script

<script type="text/javascript">    
    $('#comment').click(function () {   
         $('div#txtcmd').html         
       (@using (Html.BeginForm("comment", "post"))   
             {                  
  @Html.TextArea("Comment")       
         }               
 )});
 </script>

I dont know jquery by the way, I just wrote this by researching. What am I doing wrong? Is there another way to get it done? Thanks in advance

 

[jmcilhinney]

It seems to me that the way to go would be to put the form inside a div that is hidden by default and then unhide it in a the onclick event of the link.

 

[Ismael123]

Thanks, it worked. Here is the solution.
here is the link

<li id="comment"><a href="#">Comment</a></li>

then the form

 <div id="txtcomd" style="display:none">     
           @using (Html.BeginForm("comment", "post"))    
          {          
            @Html.TextArea("Comment") 
            <input type="submit" value="Commenter" />               
 } </div>

and lastly the script

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

 

[Ismael123]

Thanks it worked