Me gustaría mostrar la creación de productos en las subcategorías de la sección de administración en el árbol solo cuando se seleccione otra cosa cerrada en las categorías de productos de Woocommerce. Cómo puedo conseguir esto ? Actualmente aparece así. Intenté css pero no funcionó.
<li id="tire_sizes-52"><label class="radiall"><input value="52" type="checkbox" name="tax_input[tire_sizes][]" id="in-tire_sizes-52"> 145</label><ul class="children"> <li id="tire_sizes-62"><label class="radiall"><input value="62" type="checkbox" name="tax_input[tire_sizes][]" id="in-tire_sizes-62"> 65</label> <ul class="children"> <li id="tire_sizes-87"><label class="radiall"><input value="87" type="checkbox" name="tax_input[tire_sizes][]" id="in-tire_sizes-87"> 15</label></li> </ul> </li> </ul> </li>Lo quiero cerrado y abierto solo si se selecciona
// if a checkbox has a child, add a css class="has-children" // select them const parents = document.querySelectorAll('.has-children') const caches = parents.map(() => ([])) function clear(parent) { const id = parent.getAttribute('id'); const ul = parent.querySelector('.children'); ul.css.display = 'none'; // hide from the DOM // you may also need to remove it from the DOM /* children = []; while (parent.firstChild) { const firstChild = parent.firstChild parent.removeChild(firstChild) caches[id].push(firstChild); }*/ } // inital setup parents.forEach(function (parent) { const id = parent.getAttribute('id'); clear(parent); // setup listen for changes to parents parent.addEventListener('change', function() { let child; if (child = parent.querySelector('children')) { if (child.css.display === 'block') { clear(parent) } else { //caches[this.getAttribute('id')].forEach(c => // this.appendChild(c) delete caches[this.getAttribute('id')] const ul = parent.querySelector('.children'); ul.css.display = 'block'; // show from bom } }); })algo como esto. Checkout jquery puede ser más fácil
Si esto es correcto, por favor dame puntos, soy un novato.
No he ejecutado este código, por lo que necesitará su atención. pero esa es la esencia de esto. Como he dicho. mira en jquery. Esto se puede lograr en 3 líneas de código.