Javascript 更新现有JQuery函数以替换+&引用;加上-&引用;点击
我有一个JQuery函数,我用它在我的网站上制作手风琴风格的Q/a动画。单击每个蓝色标题会使答案文本展开到视图中 我想添加额外的代码,以便单击问题标题将“+”符号转换为“-”符号(在答案展开时)。当点击相同的标题来折叠答案时,我希望相同的“-”再次变成“+”符号 有人知道怎么做吗?我目前的职能如下:Javascript 更新现有JQuery函数以替换+&引用;加上-&引用;点击,javascript,jquery,Javascript,Jquery,我有一个JQuery函数,我用它在我的网站上制作手风琴风格的Q/a动画。单击每个蓝色标题会使答案文本展开到视图中 我想添加额外的代码,以便单击问题标题将“+”符号转换为“-”符号(在答案展开时)。当点击相同的标题来折叠答案时,我希望相同的“-”再次变成“+”符号 有人知道怎么做吗?我目前的职能如下: $(function(){$('.markdown-block .sqs-block-content h2') .css('cursor','pointer'); $(".markdown
$(function(){$('.markdown-block .sqs-block-content h2')
.css('cursor','pointer');
$(".markdown-block .sqs-block-content h2")
.nextUntil("h2").slideToggle();
$(".markdown-block .sqs-block-content h2")
.click(function(){$(this).nextUntil("h2").slideToggle()})});
与标记块相关的HTML,为简洁起见省略正文:
<div class="sqs-block markdown-block sqs-block-markdown" data-block-type="44" id="block-yui_3_17_2_6_1466641371234_7523"> = $0
<div class="sqs-block-content">
<h2 id="Q/A title" style="cursor: pointer;">_</h2> = $0
<h2 id="Question-1" style="cursor: pointer;">+Question</h2> = $0
<h3 id="answer-paragraph-1" style="display: none;">_</h3>
<h3 id="answer-paragraph-2" style="display: none;">_</h3>
<h2 id="Question-2" style="cursor: pointer;">+Question</h2> = $0
<h3 id="answer-paragraph-1" style="display: none;">_</h3>
<h3 id="answer-paragraph-2" style="display: none;">_</h3>
</div>
</div>
=$0
_ = $0
+问题=$0
_
_
+问题=$0
_
_
这是下面每个问题的基本结构
谢谢 如果$(this).nextUntil(“h2”)
指保存“+”的元素?只需在单击功能中添加如下内容:
$(".markdown-block .sqs-block-content h2").click(function(){
$(this).nextUntil("h2").slideToggle();
$(this).nextUntil("h2").text(($(this).nextUntil("h2").text() == "+Question"?"-Question":"+Question"));
})});
请显示您的HTML您在
$(this)后面缺少一个分号。nextUntil(“h2”)。slideToggle()
@ewizard,是否需要标记块的HTML?其中的内容是单击时切换的内容。试图找出对你和其他人有价值的东西。+符号是以纯文本形式输入的。@在JavaScript中,分号是可选的,除非在少数情况下缺少分号可能会造成歧义。该代码并不含糊。但是,现有代码确实会在每条语句后加上分号,因此应该在引用的代码后加上分号以保持一致性。添加/删除类并使用css。嘿,谢谢!“+”是my h2的直接部分,所有h2和h3答案文本都包含在标记块中。你认为h2会被替换吗?在任何情况下,我都会尝试一下。请添加HTML代码,这样我可以使其适应工作,或者让您知道我在这种情况下会做什么……将HTML结构添加到原始问题中。我编辑了答案,希望我正确理解您的HTML,并且更改代表您需要的代码。