How to specify that the div that comes immediately after the button that was clicked is unfolded, and not all divs with this class?

Question

JavaScript

Hello.

There is a code.

$(".button-read_more").click(function(e){
  e.preventDefault();
  $("div.b-room-full-info").slideToggle("slow");	
});

How to specify that the div that comes immediately after the button that was clicked unfolds?

Answer 1

$(".button-read_more").click(function(e){
    e.preventDefault();
    $(this).next().slideToggle("slow");	
});

Answer 2

Instead $("div.b-room-full-info"), use $(this)- refers directly to the element that called the function. Or use id instead of class. Essentially the same, but is unique, unlike a class. Then the code will be like this:$("#id_of_your_div")