jQuery show hide多个链接滑动拨动div

我有一个关于切换效果的问题。我设法能够切换相同的div这是我的目标，我的问题是我想添加的效果，如果（toggle1）打开，我点击toggle2，它会关闭切换一个，并打开切换2。现在，如果你点击任何切换，它只是打开并关闭基于它所处状态的切换。我希望能够切换div中的任何内容，当点击不同的切换时。我希望这是有道理的。 http://jsfiddle.net/nbh2w/jQuery show hide多个链接滑动拨动div

HTML

<div> 
<a href="#" id="toggle3">Slide Toggle3</a><br /><br /> 
<a href="#" id="toggle4">Slide Toggle4</a><br /><br /> 
<div class="toggle" style="display:none; background-color:#4CF;width:100px;height:200px;"></div> 
</div>

$(function() { 
    $('#toggle4').click(function() { 
    $('.toggle').slideToggle('1000'); 

    return false; 
     }); 
}); 

    $(function() { 
    $('#toggle3').click(function() { 
    $('.toggle').slideToggle('1000'); 

    return false; 
     }); 
});

来源

2013-08-23 Keith

我不太确定你想实现，但根据我的理解，这可能是你想要什么。幻灯片Toggle3

幻灯片Toggle4

</div> 


    $(function() { 
    $('#toggle4').click(function() { 
     $('.toggle').hide('1000'); 
     $('.toggle').text('toggle 4 clicked'); 
    $('.toggle').slideToggle('1000'); 

    return false; 
     }); 
}); 

    $(function() { 
    $('#toggle3').click(function() { 
     $('.toggle').hide('1000'); 
     $('.toggle').text('toggle 3 clicked'); 
    $('.toggle').slideToggle('1000'); 

    return false; 
     }); 
    });

http://jsfiddle.net/rNqd5/

只开启和关闭各个环节

来源

2013-08-23 15:44:17 root

多数民众赞成在此谢谢！ – Keith

您可以使用this一个实例，还你将需要两个div的每个链接：

<a href="#" id="toggle3">Slide Toggle3</a> 
<div class="toggle" style="display:none; background-color:#4CF;width:100px;height:200px;"></div> 

<br><br> 

<a href="#" id="toggle4">Slide Toggle3</a> 
<div class="toggle" style="display:none; background-color:#4CF;width:100px;height:200px;"></div>

你也应该为你的链接使用一个类，但我只用逗号分隔了ID的

$("#toggle3, #toggle4").click(function() { 
    $(this).next(".toggle").slideToggle("slow"); 
});

演示：http://jsfiddle.net/nbh2w/2/

来源

2013-08-23 15:31:10 tymeJV

。我需要它来打开和关闭相同的div。查看正在打开和关闭1 Div的导航。这就是我要拍的。 – Keith

@Keith - 是不是你的代码已经这样做 – tymeJV

它打开和关闭基于它的状态。所以说我点击切换1打开，然后切换2，它关闭第一个切换，但不打开什么我想切换2. – Keith

你需要一些像这样的东西吗？

$('#toggle4').click(function() { 
       $('.toggle').hide(); 
       $('.toggle').slideToggle('1000'); 
       return false; 
       });

Try it

来源

2013-08-23 15:35:27

是的除了当您单击第一个切换并打开时，我希望能够在单击第二个切换时关闭该切换，因为它会打开新信息。 – Keith

jQuery show hide多个链接滑动拨动div

回答

相关问题