如何实现点击div区域修改

[耍都小白]

<section class="mod clearfix">
<div class="detail-intro">
<p class="detail-intro-txt ellipsis-2">
一长串文本</p>
<div class="more"><i class="iconfont icon-unfold"></i></div>
</div>
</section>
通过点击<div class="detail-intro">切换成<p class="detail-intro-txt">再次点击又切换成<p class="detail-intro-txt ellipsis-2">

[天际的海浪]

$(function(){
	$(".detail-intro").click(function(event){
		$("p.detail-intro-txt").toggleClass("ellipsis-2");
	});
});