How to call a function only in relation to the child general button block?

Question

JavaScript

There is a list of blocks with a class documents_blockinside each of them there is a button with a class open-doc-listthat opens when clicked. documents-content
But now all blocks open on an event, how to make the event individual for each block? I hope you understand what I mean.

code pen

Answer 1

$('.open-doc-list').click(function() {
  $(this)
    .find('.img-block')
    .toggleClass('arrow_up')
    .closest('.documents_block')
    .find('.documents-content')
    .slideToggle(300);
});