Jquery SlideToggle IE8 css问题

Question

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

我的例子结合在一起 http://www.enfin-kortrijk.be/V5/

有人可以帮助我吗？或者有人能告诉我 IE8 和其他 IE 浏览器有什么不同吗？

这是我的 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导致 IE8 中的边距消失

只需将溢出：隐藏给边距消失的 div 即可解决。请检查..