CodeIgniter - открывается всплывающая форма JS, затем закрывается

Question

Я пытаюсь создать всплывающее окно, когда пользователь хочет загрузить изображение. Я получил форму для открытия на странице с помощью простой JS, но по какой-то причине она открывается и сразу же закрывается. Im думает что-то в том, как я обращаюсь к нему через кнопку.

кнопка:

<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(); 
} 

Update:

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(); 
    }); 
});