const elements = document.querySelectorAll('.more');

Array.from(elements).forEach(function(el){

    //ボタンを取得
    const btn = el.querySelector('.more__btn');
    //コンテンツを取得
    const content = el.querySelector('.more__content');

    //ボタンクリックでイベント発火
    btn.addEventListener('click', function(){

        if(!content.classList.contains('open')){
            //コンテンツの実際の高さを代入
            //キーワード値（none、max-content等）では動作しないので注意
            content.style.maxHeight = content.scrollHeight + 'px';
            //openクラスを追加
            content.classList.add('open');
            //もっと見るボタンのテキストを設定
            btn.textContent = '閉じる';
			//ボタンを非表示にする
            btn.style.display = 'none';
        } 
    });
});