实现点击按钮切换div显隐时，关闭div自动清空表单字段

你可以利用slideToggle的回调函数，在动画完成后判断div的状态，当它被隐藏时清空内部的表单字段。

修改后的JavaScript代码如下：

$('#addvisit').on('click', function(e) {
    e.stopImmediatePropagation();
    $('#fechvisit').slideToggle('slow', function() {
        // 动画结束后检查当前div是否处于隐藏状态
        if ($(this).is(':hidden')) {
            // 方式1：逐个清空指定字段
            $('#titl').val('');
            $('#contac').val('');
            
            // 方式2：一次性清空div内所有input和select（适合表单元素较多的情况）
            // $(this).find('input, select').val('');
        }
    });
});

关键说明： #

• slideToggle的第二个参数是动画完成后触发的回调函数，能确保我们在div状态确定后执行清空操作
• $(this).is(':hidden')用于判断当前div是否已经隐藏，避免在显示div时误清空内容
• 如果后续表单新增元素，推荐用方式2，无需逐个修改选择器

内容的提问来源于stack exchange，提问作者Bruno