2011-08-26 96 views
0

我遇到以下問題: 我想讓我的div變得可見或使用jquery「slideToggle」消失(我正在使用jquery-1.2.6.min.js)。這工作!但是,我有一個與「IE 8」的CSS問題。有時我的「標題divs(黑色背景)」粘在一起。但並非總是如此,他們粘在一起jquery slideToggle IE8 css問題

我的例子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; 
    } 

回答