Question

我遇到以下问题：我想使用jquery“slideToggle”（我正在使用jquery-1.2.6.min.js）使我的div变得可见或消失。这有效！但是，我遇到了css“IE 8”的问题。有时我的“标题div（黑色背景的东西）”粘在一起。但并不总是他们团结在一起

我的示例http://www.enfin-kortrijk.be/V5/

有没有人可以帮助我？或者任何人都可以在其他IE浏览器中告诉IE8有什么不同吗？

这是我的jquery代码：

$(document).ready(function(){
                    $("div.tekst1").toggle();
                    $("div.tekst2").toggle();
                    $("div.tekst3").toggle();
                    $("div#titel1").click(function(event){
                        $("div.tekst1").slideToggle('slow');
                        if ( $("div.tekst2").is(':visible') ) {
                            $("div.tekst2").slideToggle('1500');
                        }
                        if ( $("div.tekst3").is(':visible') ) {
                            $("div.tekst3").slideToggle('1500');
                        }
                    });
                    $("div#titel2").click(function(event){
                        $("div.tekst2").slideToggle('slow');
                        if ( $("div.tekst1").is(':visible') ) {
                            $("div.tekst1").slideToggle('1500');
                        }
                            if ( $("div.tekst3").is(':visible') ) {
                            $("div.tekst3").slideToggle('1500');
                        }
                    });

                    $("div#titel3").click(function(event){
                        $("div.tekst3").slideToggle('slow');
                        if ( $("div.tekst1").is(':visible') ) {
                            $("div.tekst1").slideToggle('1500');
                        }
                            if ( $("div.tekst2").is(':visible') ) {
                            $("div.tekst2").slideToggle('1500');    
                        }
                    }); 
                });

这是我的css：

.item{
    width:200px;
    font-size:12px;
    font-family:arial;
    margin-bottom:10px;
    }
#titel1, #titel2, #titel3{
    background-color:#000;
    text-transform:uppercase;
    color:#fff;
    cursor:pointer;
    margin-bottom:5px;
    margin-top:5px;
    }
.titel1{
    margin-top:0px;
    }
.tekst1, .tekst2, .tekst3{
    margin:0px;
    }

Answer 1

我猜你在谈论这里提到的问题：slideToggle causes margin to disappear in IE8

只是给溢出：隐藏到边缘消失的div会解决它。请检查..

Jquery slideToggle IE8 css问题

1 个答案: