jQuery-부모를 통해 클래스별로 요소 가져 오기

래퍼 div와 버튼과 숨겨진 div가 있습니다. 버튼을 누르면 div가 표시됩니다. 웹 페이지에서 구성이 여러 번 발생하기 때문에 ID를 사용하고 싶지 않습니다. 올바른 jquery 명령은 무엇입니까?

js 바이올린

HTML

<div class="wrap">

   <div class="button"> see more </div>
   <div class="moreInfos"> Lorem ipsum... </div>

</div>

CSS

.moreInfos{ display: none;}

jQuery

    $(".wrapp").on('click', '.button', function(){

    $(this).parent('.moreInfos').css('display', 'block');
});