Question

我遇到slidetoggle()的问题。

让我们说我有一个带有一些字体真棒图标的div。当我点击它们时，文本在这个div中向上/向下滑动，但这不是问题。

<div id="textbox">
<li class="something"><i class="fa fa-something"></i></li> | 
<li class="somethingelse" <i class="fa fa-somethingelse"></i></li>
</div>

单击图标1或2时，会切换一些文字：

<p id"text1">text1</p> or <p id="text2">text2</p>

和我用来在点击时切换不同内容的jQuery

$(function() {
$('.something').click(function(e) {
   $('#text1').slideToggle(1800);
 });
});


 $(function() {
 $('.somethingelse').click(function(e) {
 $('#text2').slideToggle(1800);
 });
});

它就像一个魅力，在点击一个图标时切换。

但如果我不接近＆＃34;点击图标切换（我点击＆＃34;显示＆＃34; p），但点击另一个图标，它会在已经显示的图标上方切换。

是否可以切换 - 在单击其他图标时自动显示的文本，之前切换第二个图标的内容？如果是这样，怎么样？

Answer 1

使用$（'＃text2'）;

更改id $（'＃text1'）

$（function（）{

$（'。somethingelse'）。click（function（e）{ $（ '＃文本2'）的slideToggle（1800）;

}）;

Answer 2

通过添加＆＃34; slideUp（）＆＃34;解决它当点击一个时：

$(function() {
$('.something').click(function(e) {
$('#text1').slideToggle(1800);
$('#text2').slideUp(1800);
});
});

和viceverca

$(function() {
$('.something').click(function(e) {
$('#text2').slideToggle(1800);
$('#text1').slideUp(1800);
});
});

我现在不能停止在头部撞击myselfe，因为我没有立刻想到这个......

需要更多咖啡.. must.have.more.coffee ...

对不起家伙;）

Slidetoggle（） - 向上和向下切换问题

2 个答案: