Question

您好请查看jsfiddle上的以下链接：

$(function(){
    $(".but3").click(function(){
        //console.log('Clicked Button 3');
        if($('.slide1').is( ":hidden" ))
        {                       
            $('#main').toggleClass('lopen',1000);
            $('.slide1').toggle();
        }
        $('.slide3').toggle();
        $('#main').toggleClass('ropen',1000);
    });
    $(".but1").click(function(){
        //console.log('Clicked Button 1');                  
        $('.slide1').toggle();
        $('#main').toggleClass('lopen',1000);
    });
});

＆＃34; http://jsfiddle.net/A9mH7/＆＃34;

我的问题是每当我隐藏左/右div时，中心div应自动升高到填充宽度。但是当我们点击左键时，我们只有中心宽度（蓝色）和左右分区被隐藏，中心div闪烁。所以请告诉我如何避免这种闪烁（一段时间后出现）？另一件事是当点击左键隐藏左侧div时，中心div开始从左向右重新加载，但我需要这样一种方式，它应该延伸到左侧，当左侧div隐藏时，右侧也是如此

请帮我解决这个问题。等待你的答案

谢谢Sathish

Answer 1

使用父类名称也选择如下属性：

$(".slide1 .but1").click(function(){
    //console.log('Clicked Button 1');                  
    $('.slide1').toggle();
    $('#main').toggleClass('lopen',1000);
});


 $(".slide2 .but1").click(function(){
    //console.log('Clicked Button 1');                  
    $('.slide1').toggle();
    $('#main').toggleClass('lopen',1000);
});

如何避免div的闪烁

1 个答案: