代码如下:
<div class="block bk-n">
<div class="hover" id="arrow_toggle" onclick="SendEvent(34,892,"{'inx':'5'}");">
<div class="arrow"></div>
<div class="cont">
<div class="title">
测试内容一
</div>
<div class="desc">
测试内容一小节
</div>
</div>
<div class="hidden-cont">
<p>
<i class="icon icon-phone"></i>8888888888
<br>
<i class="icon icon-mail"></i>3333333333@qq.com
</div>
</div>
<div class="cover">
<img src="images/b82aef0366daebe6651436d683783e2f.jpg" alt="">
</div>
</div>
<div class="block bk-n">
<div class="hover" id="arrow_toggle" onclick="SendEvent(34,892,"{'inx':'6'}");">
<div class="arrow"></div>
<div class="cont">
<div class="title">
测试内容二
</div>
<div class="desc">
测试内容二小节
</div>
</div>
<div class="hidden-cont">
<p>
<i class="icon icon-phone"></i>9999999999
<br>
<i class="icon icon-mail"></i>44444444444@qq.com
</div>
</div>
<div class="cover">
<img src="images/bk_6.jpg" alt="">
</div>
</div>
刷新后发现只有第一个hidden-cont效果执行了,相关js代码如下我找了找貌似是这些,请问应该怎么修改?
$('.block').on('click', function(event){
var $this = $(this),
url = $this.attr('data-url');
if($this.hasClass('bk-n')) return;
location.href = url;
});
$('#arrow_toggle').on('click', function(){
$(this).closest('.hover').toggleClass('hover-on');