Javascript &引用;否则";无法使用slideToggle处理我的Jquery代码

Javascript &引用;否则";无法使用slideToggle处理我的Jquery代码,javascript,jquery,html,css,if-statement,Javascript,Jquery,Html,Css,If Statement,我在我的网站上有一个带有Q/a块的部分。如果我们点击问题标题(h3),它必须出现在问题下隐藏的答案 在问题标题的右侧,我们有向下箭头和向上箭头。正如您可能理解的,当问题“关闭”时,它必须显示为向下箭头,当问题“打开”时,它必须显示为向上箭头 $(“img.up”).hide(); $(“.h3问题”)。单击(函数(){ var b=$(本); 变量a=b.父项(“.问题”).子项(.答案”); a、 滑动切换(); 如果(a.css('display')=='block'){ b、 儿童(“i

我在我的网站上有一个带有Q/a块的部分。如果我们点击问题标题(h3),它必须出现在问题下隐藏的答案

在问题标题的右侧,我们有向下箭头和向上箭头。正如您可能理解的,当问题“关闭”时,它必须显示为向下箭头,当问题“打开”时,它必须显示为向上箭头

$(“img.up”).hide();
$(“.h3问题”)。单击(函数(){
var b=$(本);
变量a=b.父项(“.问题”).子项(.答案”);
a、 滑动切换();
如果(a.css('display')=='block'){
b、 儿童(“img.down”).hide();
b、 儿童(“img.up”).show()
}否则{
b、 儿童(“img.up”).hide();
b、 儿童(“img.down”).show()
};
});

是梅赛德斯S级车吗?
Lorem ipsum dolor sit amet,奉献精英。在这方面,我认为这是一个类似于圣普罗维登特的圣殿,它是一个巨大的财富,是一个巨大的财富。

尝试存储
的状态。在调用
.slideToggle()
方法之前,回答
元素css显示属性,并使用此存储状态隐藏/显示箭头图像:

$(“img.up”).hide();
$(“.h3问题”)。单击(函数(){
var b=$(本);
变量a=b.父项(“.问题”).子项(.答案”);
//回答元素在..之前的存储可见状态。。
var isVisible=a.css('display')=='block';
//…您称之为slideToggle()
a、 滑动切换();
如果(可见){
b、 儿童(“img.down”).hide();
b、 儿童(“img.up”).show()
}否则{
b、 儿童(“img.up”).hide();
b、 儿童(“img.down”).show()
};
});
img{
宽度:1em;
高度:1公厘;
}

是梅赛德斯S级车吗?
Lorem ipsum dolor sit amet,奉献精英。在这方面,我认为这是一个类似于圣普罗维登特的圣殿,它是一个巨大的财富,是一个巨大的财富。

以下是您问题的解决方案。 我补充说

 $('h3 img').toggle();
这将相应地切换图像

下面是工作代码

$(“img.down”).hide();
$(“.h3问题”)。单击(函数(){
var b=$(本);
变量a=b.父项(“.问题”).子项(.答案”);
a、 滑动切换();
$('h3 img').toggle();
});

是梅赛德斯S级车吗?
Lorem ipsum dolor sit amet,奉献精英。在这方面,我认为这是一个类似于圣普罗维登特的圣殿,它是一个巨大的财富,是一个巨大的财富。

尝试进行更多测试,您假设很多测试都会成功…例如,当您分配给a时,为什么不在尝试获取孩子之前检查返回的(“.question”)?在使用(“.answer”)使用您提供的代码获取代码段上的cssworks之前,还要测试(“.answer”)是否是您所期望的。也许这是一个与页面上其他js代码相关的冲突问题?它似乎可以工作,但
标记实际上没有切换,因为
滑动切换
不会更改
div
的css的
显示属性-它只是更改了它的高度。我认为这并不能真正解决问题,也就是说,
img
标记不会切换。您的
img
标记不可见,因此(据我所知)您的代码与原始海报的代码一样有效。@ChrisLear感谢您指出这一点!刚刚更新了答案。