jQuery 实现显示与隐藏效果，吊打面试官系列

// 引入jQuery库
// <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
// 显示和隐藏效果函数
function toggleEffect(selector, effect, duration) {
    $(selector).toggle(function() {
        $(this).show(effect, {}, duration);
    }, function() {
        $(this).hide(effect, {}, duration);
    });
}
 
// 使用示例
$(document).ready(function() {
    // 为id为"myDiv"的元素添加点击事件
    $("#myDiv").click(function() {
        // 使用"slide"效果，持续时间为500毫秒来切换显示和隐藏
        toggleEffect("#myDiv", "slide", 500);
    });
});

这段代码定义了一个toggleEffect函数，它接受目标元素的选择器、显示或隐藏时使用的效果以及动画的持续时间作为参数。函数内部使用了jQuery的toggle方法来在显示和隐藏之间切换。当用户点击目标元素时，效果会被触发。这是一个简单的例子，展示了如何使用jQuery实现显示和隐藏效果的函数。