(Resolvido) efeito fade com jquery

[fields]

Boa noite galeria, so novo aqui no forum, e já chego pedindo ajuda de vocês rs.

Bom é o seguinte eu to fazendo um site pra empresa onde trabalho e tenho uma pagina onde aparece muita informação pro cliente. Deixa eu explica com funciona. É cria automaticamente varias div tipo, div 1. div 2 div 3. E dentro de cada div dessas aparece muito informação.

Ai a solucao que encontrei foi usa o jquery pra esconde essas divs certo, ai o cliente clica la no botao mostra/esconder. Funfo legal, mas em apenas uma unica div.

Agora que entra minha ajuda, como eu faco pro jquery sabe qual a div que ele ta clicando, sendo que o sistema cria elas automaticamente pelo while do php?

Abraços galera e se tive uma boa alma pra me ajuda eu agradeço.

[Jonathan Queiroz]

Você vai ter que passar um parâmetro pela função

Exemplo:

<input type="button" onclick="EscondeDiv(1)" value="Esconder">
<input type="button" onclick="EscondeDiv(2)" value="Esconder">
<input type="button" onclick="EscondeDiv(3)" value="Esconder">

Depois você pega o parâmetro pela função e esconde a div Não manjo de jQuery, mas em JavaScript faria assim:

function EscondeDiv(numero) {
x = document.getElementById("minha_div_numero" + numero)
x.style.visibility = "hidden"
}

Qualquer coisa posta aí !

[fields]

Você vai ter que passar um parâmetro pela função

Exemplo:

<input type="button" onclick="EscondeDiv(1)" value="Esconder">
<input type="button" onclick="EscondeDiv(2)" value="Esconder">
<input type="button" onclick="EscondeDiv(3)" value="Esconder">

Depois você pega o parâmetro pela função e esconde a div Não manjo de jQuery, mas em JavaScript faria assim:

function EscondeDiv(numero) {
x = document.getElementById("minha_div_numero" + numero)
x.style.visibility = "hidden"
}

Qualquer coisa posta aí !

Dae Jonathan valeu pela ajuda cara mas eu já consegui resolve o meu problema, depois de algumas pesquisar e leituras consegui finalmente. Vo deixa aqui como eu fiz a bagaça.

$(document).ready(function(){
    
    $(".menuDiario h3:first").addClass("active");
    $(".menuDiario p:not(:first)").hide();

    $(".menuDiario h3").click(function(){
        $(this).next("p").slideToggle("slow")
        .siblings("p:visible").slideUp("slow");
        $(this).toggleClass("active");
        $(this).siblings("h3").removeClass("active");
    });

});

Agora no HTML

<div class="menuDiario">
                    <h3>Diário - <span style="color:#00F">PR</span></h3>
                    <p>
                    <input type="checkbox" name="marcaTodosCheck" id="checkbox" onclick="MarcaTudo('chkDiarioPR');"/>
                    <label style="font-weight:bold">Selecionar todos os cadernos</label><br/><br/>
                    
                    <span style="margin-left:20px;font-size:11px">                  
                    <input name="chkDiario[]" type="checkbox" id="chkDiarioPR[]" value="PR-caderno1" />
                    <label>Tribunal Regional do Trabalho da 10ª Região (Varas do Trabalho do Distrito Federal incluindo todas as Comarcas e Tribunal Regional do Trabalho DF.)
                    </label><br/><br/>
                    </span>
                </div>

Abraços a todos