0

12のFAQのリストがありますが、ユーザーが[もっと見る]ボタンをクリックするまで、上位5つだけを表示したいと思います。その部分は機能しましたが、そうすることで、表示されている新しい7つのFAQへの回答が拡張されます。ユーザーが質問をクリックするまで回答を非表示にしておきたいのですが、どうすればよいかわかりません。私は他の誰かのコードを変更しています、私はそれを最初に書いていませんでした。

例：[コード] http://63.246.25.145/surety-bonds/contract-bonds/performance_bond.htm [/ code]

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")
    }
});

//ボンドページのよくある質問表示/非表示 

$("#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 &raquo";

        f.append($('<div id="viewMore" class="toggler"><a id="viewmorebuttonFAQ" class="button">'+m+"</a></div>").toggle(
            function()
            {
                u.show();
                $("#viewmorebuttonFAQ").html("VIEW LESS &raquo")
            },
                function()
                {
                    u.hide();$("#viewmorebuttonFAQ").html("VIEW MORE &raquo")
                }))
    });

[/コード]

誰かが私にいくつかの非常に必要なガイダンスを提供できますか？

4

1 に答える 1

0

追加してみる

$("#faqs .answer").hide().removeClass("open");

u.show(); の後

function()
        {
            u.show();
            $("#faqs .answer").hide().removeClass("open");
            $("#viewmorebuttonFAQ").html("VIEW LESS &raquo")
        }
于 2013-03-11T14:50:52.323 に答える