شرح الدالة change

$(element).change(function() {

 

  });

<label class="btn btn-primary ">

                    متزوج

                    <input type="radio" name="show_change_msg" id="show_change_msg" >

                </label>

                <label class="btn btn-primary active">

                    أعزب

                    <input type="radio" name="show_change_msg" id="hide_change_msg" >

                </label>



<div id="container" style="display: none;">

                    <h3>

                        كم عدد الابناء

                    </h3>

                </div>

$(function() {

    $('#show_change_msg').change(function() {

        $('#container').slideDown("3000");

    });

    $('#hide_change_msg').change(function() {

        $('#container').hide("3000");

    });



});