Javascript div切换脚本
很抱歉,我没有很好地解释这个问题,我已经在JSFIDLE中设置了我所拥有的 基本上,我想做的是在第一个div打开后,第二个tab锚定(两个)将在打开下一个div之前关闭第一个div 谢谢,格雷格Javascript div切换脚本,javascript,jquery,Javascript,Jquery,很抱歉,我没有很好地解释这个问题,我已经在JSFIDLE中设置了我所拥有的 基本上,我想做的是在第一个div打开后,第二个tab锚定(两个)将在打开下一个div之前关闭第一个div 谢谢,格雷格 $(document).ready(function() { $('.example2').hide().before(''); $('a#toggle-example2').click(function() { $('.example2').slide
$(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;
});
});
id应唯一标识页面中的一个元素。如果您对其他div使用ID“toggle item 1”,则此操作将不起作用。尝试使用唯一ID或类在
上设置一个切换项
类可能有一个较短的方法,但这应该有效(演示:):
$(document).ready(function() {
$('.item1').hide();
$('.item1').click(function() {
$('.item1').not(this).hide();
$(this).slideToggle(500);
return false;
});
});
(“”)
之前的是做什么的???向我们显示html或将其放在jsfiddle.com上
$(document).ready(function() {
$('.item1').hide();
$('.item1').click(function() {
$('.item1').not(this).hide();
$(this).slideToggle(500);
return false;
});
});
<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>
$(function() {
$('.item').hide();
$('a.toggle-item').click(function() {
$(this).next('.item').slideToggle(500);
return false;
});
});
// 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);
}
});