Javascript 如何在类中使用jquery幻灯片切换

我希望

被隐藏，当点击

查看更多内容时，

将显示

呜呜呜呜

文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此
文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此


文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此文本在此
文本在这里文本在这里文本在这里文本在这里文本在这里文本在这里文本在这里文本在这里。。。


文本隐藏文本隐藏文本隐藏文本隐藏文本隐藏文本隐藏

查看更多

---

您已经尝试了什么？？我们不是来写你的代码的…

<div class="center">
    <div id="content">
        <div id="posts">
            <div class="post">
                <div class="post-img"><a href="#"><img src="img/post-img/1.png" width="100%" height="100%"  alt=""/></a></div>
                <div class="post-title">
                    <h1>BLA BLA BLA</h1>
                    <div class="line"></div>
                </div>       

                <div class="post-text">
                    <p>
                        Text here Text here Text here Text here Text here Text here Text here Text here 
                        Text here Text here Text here Text here Text here Text here Text here Text here 
                    </p>
                    <p>
                        Text here Text here Text here Text here Text here Text here Text here Text here 
                        Text here Text here Text here Text here Text here Text here Text here Text here ...
                    </p>
                    <p class="hidetext">
                        Text hide  Text hide  Text hide  Text hide  Text hide  
                    </p>      
                </div>

                <div class="post-more">See more</div>
            </div><!-- one post  -->
        </div>
    </div>
</div>

$('div.post-more').click(function () {
    $(this).closest('div.post').find('p.hidetext').toggle();
    $(this).text( ($(this).text() == 'See more') ? 'See less':'See more' )
})