Attila Hajzer

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

pixelgrid

# 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

Senff

# 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.

pixelgrid

# 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/

pixelgrid

# 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

Alen

# June 17, 2013 at 5:24 pm