JQuery的DIV顯示，崩潰

我不是一個jQuery的專家，但我設法讓這個腳本的工作在我的網站：JQuery的DIV顯示，崩潰

<script> 
$(document).ready(function() { 
$('#open_#div_hidden_1').click(function() { 
if ($('#div_hidden_1').is(':hidden')) { 
     $('#div_hidden_1').show(500); 
     $('#div_hidden_1').hide(500); 


} else { 
     $('#div_hidden_1').hide(500); 
} 
}); 
}); 

</script>

Basicly它顯示，並收縮一個div（由ID來區分），我有很多在我的wbesite上顯示的div（它是一個內聯代碼，對於每個div單獨的代碼）我想要做的是關閉所有其他div（例如來自同一個類），當我打開另一個div時。可以請某人幫我修改這段代碼，以便它可以從同一個類中摺疊所有其他div？

來源

2014-02-24 user1857756

顯示你的HTML和哪個'class'？ – Satpal

請提供一些HTML - 它看起來像你有重複的ID，你可能會受益於使用類 –

如果你有多個div和如下圖所示類，

<div class="divClass">A</div> 
<div class="divClass">B</div> 
<div class="divClass">C</div>

然後，你需要使用像，

$(".divClass").click(function(){ 
    $(".divClass").hide(500); //hiding all the element with divClass 
    $(this).show(500); // showing up the clicked element. 
});

來源

2014-02-24 10:03:25

非常感謝，這對我工作很好 – user1857756

This might be able to you
Reference
只是代碼

的一部分

$(".header").click(function() { 
    $(".header").not(this).text('Expand').next().slideUp(); 
    $header = $(this); 
    //getting the next element 
    $content = $header.next(); 
    //open up the content needed - toggle the slide- if visible, slide up, if not slidedown. 
    $content.slideToggle(500, function() { 
     //execute this after slideToggle is done 
     //change text of header based on visibility of content div 
     $header.text(function() { 
      //change text based on condition 
      return $content.is(":visible") ? "Collapse" : "Expand"; 
     }); 
    }); 

});

來源

2014-02-24 10:10:52 Bhavik

JQuery的DIV顯示，崩潰

回答

相關問題