javascript - 前へ/次へのボタンが非表示の div を表示しないようにするにはどうすればよいですか?

Question

(ASP.NET-MVC) プラットフォーム

ヘッダーに前/次のボタンがあり、ポップアップを閉じずに一連の異なるダイアログを循環するポップアップ ダイアログがあります。正常に動作しますが、最初の非表示のポップアップ div の前に非表示の div があり、最初の (必要な) 非表示の div が表示されて前へをクリックすると、前のボタンに不要な非表示の div が表示されます…意味がありますか?

誰か提案はありますか？

HTML のサンプルを次に示します。

<div class="uptitle">
    <img src="/Images/btnLeftArrow.png" onclick="GetPreviousAttachmentQuestion()" style="margin: 0 0 -4px 0;" alt="">
    <label id="AttachmentSurveyDataId" hidden=""></label>
    <label id="AttachmentInputFieldId" hidden=""></label>
    <label id="AttachmentPropertySurveyId" hidden=""></label>
    <h3 style="display: inline"><span data-bind="text: FieldLabel"></span></h3>
    <img src="/Images/btnRightArrow.png" onclick="GetNextAttachmentQuestion()" style="margin: 0 0 -4px 0;" alt="">
    <br>
    <br>                   
</div>

Javascript は次のとおりです。

var GetPreviousAttachmentQuestion = function () {
    var currentSurveyDataId = $('#AttachmentSurveyDataId').text();
    if (currentSurveyDataId != "") {
        var currentDiv = $('div > input[value="' + currentSurveyDataId + '"]').closest($('div'));
        var previousQuestion = $(currentDiv).prev($('div > img[onclick^="PopAddPhotosDialog"]'));

        if ($('#AttachmentSurveyDataId').text() == "Front View")
            previousQuestion.attr('disabled', 'disabled');

        else if (previousQuestion.length == 0)
            return;

        var previousSurveyId = ($('input[name^="SurveyDatas"][name$=".Id"]', previousQuestion.closest($('div')))).val();
        var previousInputFieldId = $('input[name^="SurveyDatas"][name$=".InputField_Id"]', previousQuestion).val();
        var propertySurveyId = $('#AttachmentPropertySurveyId').text();
        SetupAddPhotosWidget(previousInputFieldId, previousSurveyId, propertySurveyId);
    }
};

(「.next()」を使用することを除いて、[次へ] ボタンは同じです)