CodeIgniter - JS弹出窗体打开然后关闭

Question

我想创建一个弹出窗体，当用户想要上传图像时。我使用一些简单的JS获得了在页面上打开的表单，但由于某种原因它打开并立即关闭。我正在按照我通过按钮访问它的方式思考它。

按钮：

<div class="upload"> 
    <?php 
      $data = array('onsubmit' => "login('show')"); 
      echo form_open('',$data); 
      echo form_submit('follow', 'Follow'); 
      echo form_close(); 
    ?> 
</div> 

userprofile.js：

function login(showhide) 
{ 
    if(showhide == "show") 
    { 
     document.getElementById('popupbox').style.visibility="visible"; 
    } 
    else if(showhide == "hide") 
    { 
     document.getElementById('popupbox').style.visibility="hidden"; 
    } 
} 

可能有人请帮助我在这里？

Answer 1

如果你有jQuery包括，那么我会建议使用http://api.jquery.com/toggle/来隐藏和显示你的元素。

function login() 
{ 
    jQuery('#popupbox').toggle(); 
} 

更新：

HTML代码：

<div class="upload"> 
    <?php 
      $data = array('id' => "form_holder"); 
      echo form_open('',$data); 
      echo form_submit('follow', 'Follow'); 
      echo form_close(); 
    ?> 
</div> 

JS代码：

$(document).ready(function() { 
    $("#form_holder").submit(function(event) { 
     event.preventDefault(); 
     jQuery('#popupbox').toggle(); 
    }); 
});