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;
}