Question

我可以根据下拉菜单中的选择，在其他内容淡入时，使此代码中的div平滑滑动，然后在其他内容淡出时平滑滑动。

$("select[name='monthSelect']").prop('disabled', true);
$("select[name='catFrequency']").change(function () {
var jSelect1 = $("select[name='monthSelect']");
if (jSelect1.prop('disabled')) {
    jSelect1.removeAttr('disabled');
    $('#recurBegin').find("option[value='']").remove();
    $('#recurEnd').find("option[value='']").remove();
    $('#recurEnd').find("option[value='12']").prop('selected', true);
} else {
    jSelect1.prop('disabled', true);
    $("#recurBegin").prepend("<option value='' selected='selected'></option>");
    $("#recurEnd").prepend("<option value='' selected='selected'></option>");
}
});
var end = $('#recurEnd');
$('#recurBegin').change(function () {
if (this.value == 12) {
        end.val(12);
    end.prop('disabled', true);
} else {
    var index = $(this).find('option:selected').index();
    end.prop('disabled', false);
    end.find('option').show();
    end.find('option:lt(' + (index + 1) + ')').hide();
    end.find('option:eq(' + ++index + ')').prop('selected', true);
}
});

Answer 1

<强> Jquery的：

$("#select").change(function () {

if($(this).val() == 0)
{
    $('.subHeader').fadeOut(500);
    $('#annual').hide('slow');        
}
else
{
    $('.subHeader').fadeIn(500);
    $('#annual').show('slow');
}

});

<强> CSS：

.hide {
    display:none;
}

使div滑动（）而其他内容fadeIn（）

1 个答案:

DEMO