0
我有一个12个常见问题的列表,但我只想显示前5个,直到用户单击“显示更多”按钮。我已经完成了该部分的工作,但是这样做可以扩展它显示的新7 FAQ的答案。我想保留隐藏的答案,直到用户点击问题,但不知道如何去解决问题。我正在修改别人的代码,我原来并没有写它。FAQ显示/隐藏扩展答案
实施例: [代码] http://63.246.25.145/surety-bonds/contract-bonds/performance_bond.htm [/代码]
JS: [代码] //常见问题解答问题答案扩大
$("#faqs .question").click(function()
{
if($(this).hasClass("open"))
{
$(this).removeClass("open");
$("#answer_"+$(this).attr("id").split("_")[1]).slideUp().removeClass("open")
}
else
{
$("#faqs .question.open").removeClass("open");
$("#faqs .answer.open").slideUp().removeClass("open");
$(this).addClass("open");
$("#answer_"+$(this).attr("id").split("_")[1]).slideDown().addClass("open")
}
});
//邦德页FAQ显示/隐藏
$("#faqlistholder5").each( //count 10 since question <li>s and answer <li>s
function()
{
var f=$("ul",this);
if(f.children("li").size()<=10)
return;
var u=f.children("li:gt(9)",this).hide();
var m="VIEW MORE »";
f.append($('<div id="viewMore" class="toggler"><a id="viewmorebuttonFAQ" class="button">'+m+"</a></div>").toggle(
function()
{
u.show();
$("#viewmorebuttonFAQ").html("VIEW LESS »")
},
function()
{
u.hide();$("#viewmorebuttonFAQ").html("VIEW MORE »")
}))
});
[/代码]
任何人都可以提供我一些急需的指导吗?
谢谢,但对编辑没有运气。 – MichaelW 2013-03-11 16:52:15
你确定代码的一部分被执行了吗?尝试添加一个console.log或一个警报() – TizianoPiccardi 2013-03-11 17:26:54
确认。请参阅以下示例。示例:[code] http://63.246.25.145/surety-bonds/contract-bonds/performance_bond.htm [/ code] – MichaelW 2013-03-11 20:08:36