Pido disculpas si el título no es el mejor.
Cuando hago clic en ul#idlist li [rojo, azul o verde], elimina mostrar ninguno [.d-none] para:
Se utiliza para mostrar una superposición. cuando se muestra la superposición, necesito que cierre #actionsFrame agregando la clase .d-none y muestre #settingsFrame eliminando la clase .d-none (los otros 3 ID deben permanecer activos) cuando haga clic en el div #act_Settings ubicado en la página actions.html.
No puedo hacer este paso.
¿Puedes darme una mano por favor?
Gracias
// index.js $("ul#idlist li").click(function() { if($(this).data("user") == "red") { const actionsFrame = $("#actionsFrame").hasClass("d-none"); if (actionsFrame) { $('#FrameBack').removeClass('d-none'); $('#FrameDialog').removeClass('d-none'); $('#OverlaysClassic').removeClass('d-none'); $('#actionsFrame').removeClass('d-none'); } } }); <!-- index.html --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul id="idlist"> <li class="color" data-user="red">red</li> <li class="color" data-user="blue">blue</li> <li class="color" data-user="green">green</li> </ul> <div id="FrameBack" class="d-none"> <div id="FrameDialog" class="d-none"> <div id="OverlaysClassic" class="dialogBody d-none"> <iframe class="frame d-none" width="100%" height="100%" id="actionsFrame" align="top" frameborder="0" src="/actions.html"></iframe> <iframe class="frame d-none" width="100%" height="100%" id="settingsFrame" align="top" frameborder="0" loading="lazy" src="/settings.html"></iframe> <iframe class="frame d-none" width="100%" height="100%" id="selectorFrame" align="top" frameborder="0" src="/selector.html"></iframe> </div> </div> </div> <!-- actions.html --> <div id="act_Settings">settings</div>