Es la primera vez que trabajo con jQuery y necesito transformar este código JS a jQuery, al que llamo desde un botón en html. La idea es que el botón con id=btnFiltroAvanzado se oculte al pulsarlo y se muestre el botón id=btnSimple, e igual al contrario.
HTML:
<p:button id=btnFiltroAvanzado
onclick="this.classList.add('p-d-none');
document.getElementById('btnSimple').classList.remove('p-d-none');"/>
<p:button id=btnSimple
styleClass="p-d-none"
onclick="this.classList.add('p-d-none');
document.getElementById('btnFiltroAvanzado ').classList.remove('p-d-none');"/>
donde la clase p-d-none es simplemente
.p-d-none{
display: none !important;
}
He probado creando la función:
function swapVisibility(idHide, idShow) {
$("#idHide").addClass("p-d-none");
$("#idShow").removeClass("p-d-none");
return false;
}
<p:button id=btnFiltroAvanzado
onclick="swapVisibility('btnFiltroAvanzado', 'btnSimple')">
pero no funciona.
Muchas gracias
id
de losbutton
sonbtnSimple
ybtnFiltroAvanzado
, pero en jQuery estas usandoidHide
yidShow