点击每个评论都可以触发这个输入框，这个实现的方式是什么？

 <p class="f-item">
        <p class="f-content">        
            /*点击这里出现输入框*/
            <p class="f-recommed">评论评论我是评论</p>
            
            /*下面是其他人回复的内容*/
            <p class="f-other">
                <p class="f-otherItem">
                    <p class="f-tit">
                        <p class="f-tit-l">
                        <span>
                            <img src="images/head.png" alt=""/>
                        </span>
                            <p class="f-name">某某某</p>
                            <p class="f-time">04.28 08:33</p>
                        </p>
                        <span class="f-tit-r iconfont">3</span>
                    </p>
                    <p class="f-recommed">@某某某：评论评论我是评论</p>
                </p>
            </p>

        </p>
    </p>
    
    <nav class="f-bar">
        <textarea id="recommed" placeholder="添加评论..."></textarea>
        <button>评论</button>
    </nav>