JQuery Toogle a div below the header

Community Forums Forums General Discussion JQuery Toogle a div below the header

This topic is: not resolved

This topic contains 1 reply, has 1 voice, and was last updated by  losmelaos 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #19064

    losmelaos
    Participant
    Post count: 3

    Hi!

    I’m trying to use the JQuery Toogle script ( http://api.jquery.com/slideToggle/ ) to show and hide a <div> below the header when the user clic the website Logo (.header-image) but its not working. A little help would be greatly appreciated!!

    The code in my functions file:
    add_action( 'genesis_after_header', 'abelkimff_collapse_header');
    function abelkimff_collapse_header() {
    ?
    //

    LOGO EN IMG 01CONTENIDO 01
    http://...
    LOGO EN IMG 02CONTENIDO 02
    http://...
    LOGO EN IMG 03CONTENIDO 03
    http://...
    LOGO EN IMG 04CONTENIDO 04
    http://...
    LOGO EN IMG 05CONTENIDO 05
    http://...


    <!--?php }

    • This topic was modified 1 year, 7 months ago by  losmelaos.
    • This topic was modified 1 year, 7 months ago by  losmelaos.
    #19071

    losmelaos
    Participant
    Post count: 3

    Sorry this is the code:

    add_action( ‘genesis_after_header’, ‘abelkimff_collapse_header’);
    function abelkimff_collapse_header() {
    ?>

    <script>
    $(“.header-image”).click(function () {
    $(“.desplegable”).slideToggle(“slow”);
    });
    </script>

    <div class=”desplegable”>
    <div class=”header-col1″>
    <a href=”#” target=”_blank”>LOGO EN IMG 01</a>
    <p>CONTENIDO 01</p>
    <a href=”#” target=”_blank”>http://…</a>
    </div>
    <div class=”header-col2″>
    <a href=”#” target=”_blank”>LOGO EN IMG 02</a>
    <p>CONTENIDO 02</p>
    <a href=”#” target=”_blank”>http://…</a>
    </div>
    <div class=”header-col3″>
    <a href=”#” target=”_blank”>LOGO EN IMG 03</a>
    <p>CONTENIDO 03</p>
    <a href=”#” target=”_blank”>http://…</a>
    </div>
    <div class=”header-col4″>
    <a href=”#” target=”_blank”>LOGO EN IMG 04</a>
    <p>CONTENIDO 04</p>
    <a href=”#” target=”_blank”>http://…</a>
    </div>
    <div class=”header-col5″>
    <a href=”#” target=”_blank”>LOGO EN IMG 05</a>
    <p>CONTENIDO 05</p>
    <a href=”#” target=”_blank”>http://…</a>
    </div>
    </div><!– .collapse_content –>
    <?php

    }

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.