Nao consigo fazer a div desaparecer

[Igor Leite Ladessa 0]

Fiz um botao para mostrar a div porem o botao fechar, botao que faria esta div desaparecer nao funciona. Nao faço ideia do por quê.

 

Aqui está meu codigo:

 

 

<div id='divinfo'  style='position:absolute; bottom:2px; right:8px; width:40px; height: 41px; '><img id='divinfo' ontouchstart='openhelp();return false;' src='img/button_settings_inactive.png'></img></div>


         <div id='janelaConfig' style="display:block; opacity:0.0; height:5px; position:absolute; width:50px; left:100px; top: 175px; background-color:white; padding:20px;">

             <div id="wrapper2">
                 <div id="scroller2">
                     <p>Escolha sua regiao </p>
                     <form id="form1" name="form1" method="post" action="">
                         <label for="txtRegiao"></label>
                         <select name="estado" id="estado" onchange="setCidade(this.SelectedIndex)">
                             <option name="BR" value="BR">Barueri</option>
                             <option name="BH" value="BH">Belo Horizonte</option>
                             <option name="BS" value="BS">Brasilia</option>
                             <option name="CP" value="CP">Campinas</option>
                             <option name="CU" value="CU">Cuiaba</option>
                             <option name="CT" value="CT">Curitiba</option>
                             <option name="DI" value="DI">Diadema</option>
                             <option  value="DQ">Duque de Caxias</option>
                             <option value="FL">Florianopolis</option>
                             <option value="FO">Fortaleza</option>
                             <option value="GO">Goiania</option>
                             <option value="GU">Guarulhos</option>
                             <option value="PA">Porto Alegre</option>
                             <option value="OS">Osasco</option>
                             <option value="RE">Recife</option>
                             <option value="RJ">Rio de Janeiro</option>
                             <option value="SS">Salvador</option>
                             <option value="SA">Santo Andre</option>
                             <option value="SB">São Bernardo do Campo</option>
                             <option value="SC">São Caetano do Sul</option>
                             <option value="SP">São Paulo</option>
                             <option value="VI">Vitória</option>
                         </select>
                         <p>Audio</p>
                         <select name="audio" id="audio" onchange="setAudio(this.SelectedIndex)">
                             <option value="on">Ligado</option>
                             <option value="off">Desligado</option>
                             <select><br><br><br>
                                 </form>
                     <p> </p>
                 </div>
                 <p> </p>
                 </div>
             </div>
                <div id="close"><img id='fechar' ontouchstart='closehelp();return false;' style='display:none; position:absolute; top:10px; right:3px;'  src='img/btn-fechar.png' /></div>

function closehelp() {

    $("#janelaConfig").animate({
        width: "50px",
        height: "5px",
        top: "175px",
        left: "100px",
        opacity: 0.0

    }, 250);
    $("#lblStatus").text("");
    $("#fechar").hide();

    $("#divinfo").show();
};

function openhelp() {

    $("#janelaConfig").animate({
        width: "82%",
        height: "70%",
        top: "20px",
        left: "8px",
        opacity: 0.9

    }, 250, function () {
        $("#fechar").show();

    });

};

 

 

[Marcos Xavier 189]

Começe corrigindo os erros(comentados)

 

// o id de um elemento deve ser único, ele  aparece duas vezes (no elemento div e img)
<div id='divinfo' style='position:absolute; bottom:2px; right:8px; width:40px; height: 41px; '>
  <img id='divinfo' ontouchstart='openhelp();return false;' src='img/button_settings_inactive.png'>
//o  elemento img não deve ser encerrado com </img>, o formato correto é 
// <img src="algumacoisa" />  <
</div> 

Cuidado com o CSS inline(maujor.com/tutorial/insetut.php). O mesmo vale para o javascript:

 

 

.....

Inline JavaScript

Using inline JavaScript allows you to easily work with HTML and JavaScript within the same page. This is commonly used for temporarily testing out some ideas, and in situations where the script code is specific to that one page.

<script type="text/javascript">    // JavaScript code here</script>.....

fonte:http://en.wikibooks.org/wiki/JavaScript/Placing_the_Code#Inline_JavaScript

[Igor Leite Ladessa 0]

Concordo com os erros comentados, porém o problema eh na div "janelaConfig". Ela que não desaparece. Criei uma outra div e coloquei a janelaConfig e todas as que estão dentro da janelaConfig dentro desta nova div. E usei o codigo para dar hidden na novaDiv. Funcionou. Deve ter algum css que estava bugando a outra janela.

 

Obrigado!

[Marcos Xavier 189]

Observei também que essa div está com opacidade 0.0

[Igor Leite Ladessa 0]

exatamente. Ela começa invisivel. Quando o usuario clica no botao que abre o openhelp ela aparece.