Question

Tengo la siguiente lista de elementos:

<ul>
    <li>opcion A</li>
    <li>opcion B</li>
    <li>opcion C</li>
</ul>

Y al dar click sobre una deseo reducir el tamaño de fuente de las demas, dejando intacta la actual. ¿Com se puede hacer?

Answer 1

se puede, con JQuery sería

$('ul > li').on('click', function() {
  li = $(this); //este es el li seleccionado
  $(this).siblings() //seleccionamos todos los li
    .not(li) //con la funcion not, lo excluimos
    .css('font-size', '3em'); //cambiamos el tamaño de la fuente
});