In meinem Sharepoint-Projekt / Webpart / meiner Webseite erstelle ich dynamisch Seitenelemente / Steuerelemente mit C # in der Datei * .ascx.cs.

In der * .ascx-Datei reagiere ich mit jQuery auf Ereignisse, die auf der Seite auftreten (Auswahl, Änderung der Kontrollkästchen usw.).

Ich muss Gruppen von Steuerelementen / Elementen auf der Seite bedingt unsichtbar machen. Insbesondere, wenn der Benutzer ein bestimmtes Kontrollkästchen aktiviert, kann ich ganze Bereiche der Seite "entfernen", die in diesem Szenario nicht auf sie zutreffen.

Wie kann ich das machen? Ich habe diesen Ausgangspunkt:

/* If the select "Yes" (they are seeking payment for themselves, as opposed to someone else), omit (invisibilize) sections 2 and 3 on the form */
$(document).on("change", '[id$=ckbxPaymentForSelf]', function () {
    var ckd = this.checked;
    if (ckd) {
        // what now?
    }
});

Ich könnte es auf die Art und Weise des Herausziehens der Haare machen (was für mich sehr schmerzhaft wäre, da ich fast so viele Haare habe wie Absalom) und jedes einzelne Element wie folgt einstellen:

if (ckd) {
    var $this = $('[id$=txtbxthis]');
    var $that = $('[id$=txtbxthat]');
    var $theother = $('[id$=txtbxtheother]');
    . . . // store a reference to all the other to-be-affected elements in vars
    $this.visible = false; // <= this is pseudoscript; I don't know what the jQuery to invisiblize an element is
    $that.visible = false; // " "
    $theother.visible = false; // " " 
    . . . // invisiblize all the other to-be-affected elements 
}

Sicher gibt es einen eleganteren / besseren Weg!

Geht es darum, allen bedingt unsichtbaren Elementen eine bestimmte Klasse zuzuweisen und dann jedes Element, dem diese Klasse zugewiesen ist, unsichtbar zu machen, oder was?

Auch ich möchte, dass der Bereich, der früher von diesem jetzt unsichtbaren Schwad genutzt wurde, "verschwindet" oder "aufrollt", nicht mit leerem Blick, gähnendem Abgrund oder Gobi-Wüste-artiger, merkwürdiger Weite da sitzt.