Shorten this code?

Hi i want to shorten the code below. for context, the hobbyHDR’s are seperate divs same as the hiddenHP’s. I will be doing more than these though in different sections and wondered if i can shorten the code.

$('#hobbyHDR1').on('click', () => {
    $('#hiddenHP1').toggle(500);
});
$('#hobbyHDR2').on('click', () => {
    $('#hiddenHP2').toggle(500);
});
$('#hobbyHDR3').on('click', () => {
    $('#hiddenHP3').toggle(500);
});
$('#hobbyHDR4').on('click', () => {
    $('#hiddenHP4').toggle(500);
});

}