No meu projeto do SharePoint / Web Part / Página da Web, crio dinamicamente elementos / controles de página usando C # no arquivo * .ascx.cs.

No arquivo * .ascx, uso o jQuery para responder a eventos que acontecem na página (seleções, alterações nos estados da caixa de seleção etc.).

Eu preciso invisibilizar condicionalmente grupos de controles / elementos na página. Especificamente, se o usuário marcar uma determinada caixa de seleção, eu posso "remover" partes inteiras da página que, nesse cenário, não se aplicam a ela.

Como posso fazer isso? Eu tenho esse ponto de partida:

/* 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?
    }
});

Eu poderia fazê-lo da maneira que arrancava os cabelos (o que seria muito doloroso para mim, porque eu tenho quase o mesmo cabelo que Absalom) e definir cada elemento individual, assim:

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 
}

Certamente há uma maneira mais elegante / melhor!

É uma questão de atribuir todos os elementos condicionalmente invisíveis a uma classe específica e, em seguida, invisibilizar todos os elementos atribuídos a essa classe, ou o quê?

Além disso, quero que a área anteriormente usada por essa faixa agora invisível "vá embora" ou "enrole" não fique lá com um olhar vazio, um abismo bocejando ou uma extensão inexpressiva semelhante ao deserto de Gobi.