Jump to content

ajuda com função geral de slide


Fest
 Share

Recommended Posts

Olá pessoal, eu estou com algumas dificuldades em fazer uma função mais geral para toggle de algo. Eu consigo correr isto:

<script type="text/javascript">
    $(document).ready(function() {
        $(".menu_head").click(function() {
            $(".menu_body").slideToggle("slow");
        });
    });
</script>

mas eu queria fazer desta funçao uma mais geral para que eu conseguisse meter num ficheiro js e assim ficar acessivel a tudo eu tentei de diversas maneiras mas eu pensava que estaria certo assim:

<script type="text/javascript">
    function slide(slider) {
        $(document).ready(function() {
                slider.slideToggle("slow");
        });
    }
</script>

sendo que era chamado por:

<label class="menu_head" onclick="slide('menu_body')">Gestores / Backoffice</label>

eu sei que sou capaz de estar a fazer uma ganda asneira algures mas n estou mesmo a ver o ke e ja olhei para outros exemplos e não reparei em nenhuma diferença

Utiliza as tags 'code' para formatar o código, fazendo com que seja mais fácil a leitura do mesmo | Caya

Link to comment
Share on other sites

<script type="text/javascript">
    function slide(slider) {
        $(document).ready(function() {
                $(slider).slideToggle("slow");
        });
    }
</script>

<label class="menu_head" onclick="slide('.menu_body')">Gestores / Backoffice</label>

ou

<script type="text/javascript">
    function slide(slider) {
        $(document).ready(function() {
                $('.'+slider).slideToggle("slow");
        });
    }
</script>

<label class="menu_head" onclick="slide('menu_body')">Gestores / Backoffice</label>
Link to comment
Share on other sites

Muito obrigado pela resposta funciona XD, tou a ver que falhei na parte do label em relação ao ponto e na função em relação a chamar o ?jquery?. Tenho mesmo de estudar um pouco mais os chamamentos. Mais uma vez obrigado e desculpa a pergunta  😛

Só mais uma coisa. Quando em clico para fazer toggle fechar, ou seja, desaparecer, o que eu tenho a desaparecer faz um "blink" (tremer) da div que contem os objectos, será porque eu estou a correr no internet explorer?

Exemplo de um div:

<div>    
    <div class="nop">
        <label class="nop_head" onclick="slide('.nop_body')">TESTE</label> 
        <div class="nop_body">
            <button>Rosbife</button><br />
            <button>Rosbife</button><br />
            <button>Rosbife</button><br />
            <button>Rosbife</button><br />
        </div>    
    </div> 
</div>

Não liguem aos nomes XD, está em teste XD

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.