DIV切換腳本

Question

對不起，我沒有解釋這很好，我已經設置了我在的jsfiddle ...

http://jsfiddle.net/greggb/Ya2wX/

基本上就是我想要做的就是這麼之後第一個div已經打開，第二個標籤錨點（兩個）會在打開下一個div之前關閉第一個div？

謝謝，格雷格。

$(document).ready(function() { 
     $('.example2').hide().before(''); 
     $('a#toggle-example2').click(function() { 
      $('.example2').slideToggle(500); 
      return false; 
     }); 
}); 

$(document).ready(function() { 
     $('.item1').hide().before(''); 
     $('a#toggle-item1').click(function() { 
      $('.item1').slideToggle(500); 
      return false; 
     }); 
}); 

Answer 1

$('a#toggle-item1').click(function() { 

一個ID應該在唯一頁確定一個元素。 。 。如果您使用ID'切換項目1'爲其他div，這將無法正常工作。 。 。 。嘗試使用唯一的ID或類

Answer 2

$(document).ready(function() { 
     $('.item1').hide(); 
     $('.item1').click(function() { 
      $('.item1').not(this).hide(); 
      $(this).slideToggle(500); 
      return false; 
     }); 
}); 

Answer 3

坐落在<a>元素toggle_item類，並做到：

<a href="#" class="toggle-item">link 1</a> 
<div class="item">content 1</div> 

<a href="#" class="toggle-item">link 2</a> 
<div class="item">content 2</div> 

JS：

$(function() { 
     $('.item').hide(); 
     $('a.toggle-item').click(function() { 
      $(this).next('.item').slideToggle(500); 
      return false; 
     }); 
}); 

FIDDLE

Answer 4

有可能是一個較短的方法，但這應該工作（演示：http://jsfiddle.net/6N4kJ/13/）：

// When item 1 is clicked   
$('#item1').click(function() { 
    // if item 2 is visible 
    if ($('.item2').is(':visible')) { 
     // hide (toggle) item2, and when finished.. 
     $('.item2').slideToggle(500, function() { 
      // toggle item1 
      $('.item1').slideToggle(500); 
     }); 
    // else, just hide item1 
    } else { 
     $('.item1').slideToggle(500); 
    } 
});