everything after skills removed when selecting radio button js

[Attila Hajzer]

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’); }
});
});

[pixelgrid]

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

[Senff]

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

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

[pixelgrid]

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

[pixelgrid]

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

[Alen]

[Author]

Posts