Forums

  • # June 17, 2013 at 4:30 pm

    http://hajzer.info/#skills

    click one of the radio buttons and the contact form dissappears. but when you click all again the contact form re-appears.

    here’s the js

    // attack a click event on all radio buttons with name ‘category’
    $(“input[name=category]”).change(function() {
    var sel = $(this).val();
    $(‘.hide’).fadeIn(‘slow’).removeClass(‘hide’);
    if (sel !== ‘box’) { $(‘.box:not(.’ + sel + ‘)’).hide().addClass(‘hide’); }
    });
    });

    # June 17, 2013 at 4:48 pm

    your contact form is inside a div with a class of box the same class you use to target your skills boxes remove the class and the code works ok

    # June 17, 2013 at 4:51 pm

    Yup, that’s about right. It does exactly what you tell it to do. :)

    Just remove the “box” class from your contact form.

    # June 17, 2013 at 4:57 pm

    i think flat colors might be a better suit for what you are after have alook here http://flatuicolors.com/

    # June 17, 2013 at 5:18 pm

    label whould be ideal , just make sure the ‘for’ attribute of the label is the same as the id attribute of the checkbox.

    You will need 4 different ids one for each category.

    an unordered list without radio buttons but an active class and javascript is another solution

    # June 17, 2013 at 5:24 pm
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

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