Forums

Give help. Get help.

  • # March 16, 2013 at 7:25 pm

    Hi There,
    Currently when a use clicks on a h1 the slide down happens. If you click on another, first item clicked will stay open. I am trying to get the first item to slide up upon clicking on another so there is only one slide down function open at a time.

    Also having another issue where the there is supposed to be a fade-in-out upon hover over which is not working.. not a big deal though.

    [ jamilopitts.com/kirby](http://www.jamilopitts.com/kriby “fonts”)

    here is what i’m using now.

    $(‘article p, article .font-btns’).hide();
    $(‘article h1’).addClass(‘pointer’).click(function() {
    var $article = $(this).parent(),
    $siblings = $(this).siblings();
    if ($article.hasClass(‘expanded’)) {
    $siblings.slideToggle(‘slow’).promise().done(function() {
    $article.removeClass(‘expanded’);
    });
    } else {
    $article.addClass(‘expanded’);
    $siblings.slideToggle(‘slow’);
    }
    });

    # March 17, 2013 at 7:27 pm

    anybody?

    # March 17, 2013 at 11:58 pm

    Thanks @srig99. Upon hovering on and off the h1’s there should be a but nothing happens.

    @include transition (background 0.2s ease-in-out)

    can you explain the portion of the code in which cause the originally opened to close?

    # March 19, 2013 at 4:12 pm

    any idea @srig99 ?

    # March 20, 2013 at 9:18 am

    It’s now just a matter of styling: http://codepen.io/rthor/details/bcHCk

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag