css根据属性的不同改变元素样式？

有个div元素，里面有个show属性，为ture或者false。在click时，若show为false，则改为ture，改变样式。反过来也一样。请问要怎么做

我要改变他的样式，包括初始的时候，比如我有两个div，一个show是ture，一个show是false，怎么判断show的值来设置css样式

 <script>
function divchange(self){
   if(self.attributes.show.value){
      self.attributes.show.value = false;
   }
   alert(self.attributes.show.value);
}
</script>
<body>
<div id="ctn" show=true onclick='divchange(this)'>2222</div>
</body>

$("#button").click.function(){
if($("#div").is(":hidden")){//判断div是否隐藏
....//你要做的操作
}
}

//引入jquery

$('.divShow').click(function(){ if ( $(this).attr("show")=='ture' ){ //设置css } else { //设置css } })

1111

2222

多多交流：274501366

//引入jquery

$('.divShow').click(function(){ if ( $(this).attr("show")=='ture' ){ //设置css } else { //设置css } })

1111

2222

多多交流：274501366