Guys, help edit the code. On the page there are categories of partners in which there are names of partners. Everything is hidden under the spoilers. By default, the spoiler is open, which is the default partner. Here is my site about which I speak: Go to the site

But the actual code that opens spoilers:

$(".panelHNavElement").click(function(){ if ($(this).find("img.sparrow").attr("src") == "/images/arrow-u.svg") { $(this).find("img.sparrow").attr("src", "/images/arrow-d.svg"); } else { $(this).find("img.sparrow").attr("src", "/images/arrow-u.svg"); } $(this).parent().children("div.panelHNavElementSpoilerBody").slideToggle("normal"); });

You need to change the code so that when you click on any spoiler that should open, all open spoilers are closed. Because now you can open an unlimited number of spoilers, and in this case you get a long newspaper on the site :)

  • you have another problem there, after the second click on the menu, it does not close. - Raz Galstyan

1 answer 1

At the beginning of the handler function:

 $(".panelHNavElement").click(function(){ $("div.panelHNavElementSpoilerBody").hide(); ...
  • Super. Thank! The system will accept your answer as correct in 7 minutes) - WhoIsDT