$(this).next()

Hi
I am working on my first app after completing the Web Dev Path. Here is some code

$(document).ready(function() {
   
const lelele = () =>{
    $('#back-exercise').next().css('display', 'none');   
}
$('#back-exercise').on('click', lelele );
});

So basically I have list of body parts each created by div. Next to each body part div I created an ul (so it is a sibling). I want to toggle each list after I click on each body part that is a previous sibling. So this code here works but I would have to do a lot of copy pasta for each div/ul. I would like to replace it with a code like this

$(document).ready(function() {
   
const lelele = () =>{
    $(this).next().css('display', 'none');   
}
$('.exercise-type').on('click', lelele );
});

However I have read that $(this) is not working with next() ? So what can I do ?

Use a standard function so that there is a context for this other than window.

let lelele = function () {

};

Now this will be bound to the event object (the clicked element).