html list中点击失效,js中ajax请求数据之后的click事件失效问题

我有一个数据列表，列表中有点击展开效果。由于这个数据列表用到了ajax加载，就是ajax加载之后的click时间不起作用了，希望各位大神帮忙看看。

这是html中的数据结构和页面布局

消费者的信息会逐渐增多，如果有一个厂家，用更好的原料和工艺，就会迅速占领市场

时间：2016-05-24 | 来源：本站 展开

消费者的信息会逐渐增多，如果有一个厂家，用更好的原料和工艺，就会迅速占领市场

时间：2016-05-24 | 来源：本站 展开

消费者的信息会逐渐增多，如果有一个厂家，用更好的原料和工艺，就会迅速占领市场

时间：2016-05-24 | 来源：本站 展开

消费者的信息会逐渐增多，如果有一个厂家，用更好的原料和工艺，就会迅速占领市场

时间：2016-05-24 | 来源：本站 展开

js中的展开click事件和ajax请求如下

;(function($){

//打开

$('.open-detail').click(function(){

$(this).parent().siblings('p[class="no-open"]').addClass('yes-open');

$(this).text('收起');

$(this).attr('class', 'close-detail');

});

//收起

$('.close-detail').click(function(){

$(this).parent().siblings('p[class="yes-open"]').addClass('no-open');

$(this).text('展开');

$(this).attr('class', 'open-detail');

});

//

});

function getAjaxList(_v, _c, _t){

$.ajax({

url : './ajax.php?op='+_v,

type : 'post',

dataType : 'json',

data : {'category':_c, 'template':_t},

success : function(msg){

if(msg.status == 1){

$('.html-hide').html(msg.html);

$('.html-hide').siblings('div').hide();

$('.html-hide').show();

} else {

$('.list-data').html('此处无您要的信息，到最新动态去看看吧');

}

}

});

}

php中的div设置及数据设置

...

...

...

foreach ($variable as $key => $value) {

$html .='

';

$html .='

'.$value['desc'].'

';

$html .='

时间：'.date('Y-m-d', $value['updateTime']).' | 来源：'.$value['author'].' 展开

';

$html .='

';

}

$result['html'] = $html;

exit(json_encode($result));

我在php中div中的样式都加了啊！可就是不行。