How I check if all required filled is selected before hide a div? : I want to hide a div and show another div I used jquery and the hide step is fine.. 

    $('.next').click(function(){   
    $(this).parent().hide().next().show();//hide parent and show next  
    });


But the problem that the div can hide even if required field is not selected.. I have 5 dropdown select options in each div and must select any option for each dropdown before hide the div, so if the button next in the first div is clicked I must checked all required is selected then hide the first div and show the second div?? how I can do this check?
