Ocultar div

[maxcanoas 0]

Boa tarde.

Seguinte, eu tenho uma página com um cadastro, que quando o usuário clica num link, abre uma div no meio da tela com um outro formulário. Pois bem, no fim dessa div tem três botões, um pra submeter, outro pra limpar os campos e o terceiro é para fechar a div. Eu não estou conseguindo fechar a div.

 

Eu consigo fechar se eu colocar o comando de fechar fora da div...como eu faço pra colocar o comando dentro da div?

 

Meu código está assim:

 

<div id="conteudo_detalhe">
    <div class='divDetalhe' style="border: solid 1px red;" >        
        <legend class="legend">DETALHES DA ENTIDADE</legend>
        
        <form name="form1"  action="#">
        <ul style='list-style-type:none;'>
            <li>
                Entidade:
                <span style='position:relative; left: 115px;'>
                <select name="id_entidade2" id="id_entidade" class="campo">
                    <option value="">Selecione</option>
                    <?php
                    $sql = "SELECT * FROM entidade ORDER BY nm_entidade ASC ";
                    $query = mysql_query($sql);
                    while ($row = mysql_fetch_object($query)) {
                        ?>

                        <option value="<?php echo $row->id_entidade; ?>" <?php if ($_POST['id_entidade'] == $row->id_entidade) echo "selected"; ?>><?php echo $row->nm_entidade; ?></option>
                        <?php
                    }
                    ?>
                </select>
                </span>
            </li>
            <li>
                 Endereço:
                 <span style='position:relative; left:110px;'>
                    <input name="ds_endereco2" id="ds_endereco" value="<?php echo $_POST['ds_endereco'] ?>"  class="campo" type="text"  size="50" maxlength="300" />
                 </span>
            <li>
            <li>
                Telefone:
                <span style='position:relative; left:118px;'>
                    <input name="nr_telefone2" id="nr_telefone" value="<?php echo $_POST['nr_telefone'] ?>"  class="campo" type="text"  size="15" maxlength="9" />                
                </span>
            </li>
            <li>
                E-mail:
                <span style='position:relative; left:133px;'>
                    <input name="ds_email2" id="ds_email" value="<?php echo $_POST['ds_email'] ?>"  class="campo" type="text"  size="20" maxlength="30" />
                </span>                
            </li>
            <li>
                Nome do Presidente:
                <span style='position:relative; left:34px;'>
                    <input name="nm_presidente2" id="nm_presidente" value="<?php echo $_POST['nm_presidente'] ?>"  class="campo" type="text"  size="70" maxlength="60" />
                </span>
            </li>
            <li>
                Nº da ata da eleição:
                <span style='position:relative; left:37px;'>
                    <input name="nr_ataeleicao2" id="nr_ataeleicao" value="<?php echo $_POST['nr_ataeleicao'] ?>"  class="campo" type="text"  size="20" maxlength="15" />
                </span>
            </li>
            <li>
                Nº de atendimentos:
                <span style='position:relative; left:42px;'>
                    <input name="nr_atendimentos2" id="nr_atendimentos" value="<?php echo $_POST['nr_atendimentos'] ?>"  class="campo" type="text"  size="20" maxlength="10" />
                </span>
            </li>
            <li style="margin-top:15px;">
                <input name="cadastrar2" class="botao" type="submit" id="cadastrar" value="Enviar" />
                <input name="limpar2"    class="botao" type="reset"  id="limpar"    value="Limpar" />
                <input name="fechar"    class="botao" type="button"  id="ocultar"    value="Fechar" />
                

           </li>
       </ul>  
    </form>
               
        <!----------------------------------------- Seleção de entidade ---------------------------------------->   
        
        <!--------------------------------- Fim da seleção de entidade --------------------------------------->
            </div>   
    
</div>

 

[allex_carvalho 124]

Ocultar a div sem refresh? Se sim, isso é com js.

[Andre Gustavo SR 0]

tenta com jquery

pega o id da div

 

$(document).ready(function(){

$('#idDaImgQueFechaDiv').click(function(){

$('#idDaDiv').fadeOut(); ou hide(); escolhe ai

});

});

[joaokarlos 0]

Perfeito, me ajudou muito