JQuery: Toggle Element that is clicked and hide all other

Question

I want to hide any visible span elements if any is visible, and toggle it again if a element is clicked

    ele         


        

      

Answer 1

You can hide all the spans by using a span selector, then using the $(this) keyword to find the span next to the clicked link:

$(".item a").click(function() {
  // Hide all item spans
  $(".item span").hide();
  // Show the element next to this
  $(this).next().show();
});