就是通过class的统一控制。引用jq的hide和show方法即可。代码如下:
<div class="english">This is a line in English
</div>
<div class="chinese">
这是一行中文
</div>
<div class="english">
This is line 2
</div>
<div class="chinese">
这是第二行
</div>
<div class="english">
This is line 3
</div>
<div class="chinese">
这是第三行
</div>
<button data-type="1">显示中文</button>
<button data-type="2">隐藏中文</button>
<button data-type="3">显示英文</button>
<button data-type="4">隐藏英文</button>
<script>
var eleChinese = $('.chinese')
var eleEnglish = $('.english')
var btn = $('button')
btn.click(function () {
var type = parseInt($(this).attr('data-type'))
switch (type) {
case 1:
eleChinese.show()
break
case 2:
eleChinese.hide()
break
case 3:
eleEnglish.show()
break
case 4:
eleEnglish.hide()
break
}
})
</script>
给需要隐藏的加一个div,设置css属性display:none,onclick的时候调用自定义js函数,function函数名(){
div名字.attr('display','block')
}
将需要隐藏的元素添加同样的class名abc然后再在社区俱乐部那个radio上面添加事件 hideabc()
最后写好方法 hideabc()
就好了