[Thắc mắc] show topic . Chuyển nội dung[✔]

[phutu01]

Mod new . Mình muốn thẻ .show_topic tự động chuyển đổi nội dung qua với nhau

Code:

<style>
.pun a.tin_tuc,.tin_tuc {
font:bold 11px Arial;
display:inline-block;
border-right:1px solid #ccc;
margin-top:2px;
padding:0 10px;
color:#000;
}

.pun a.tin_tuc:hover{color:red}
a.ava_new {
width:226px;
height:136px;
display:inline-block;
border:1px solid #b0b0b0;
overflow:hidden;
margin-left:-4px;
font-size:0!important;
padding:2px;
}

a.ava_new img {
width:226px;
height:136px;
}

.pun a.a_new {
font:bold 12px Verdana;
}

#baiviet img,#baiviet .blog_pt1 div,#baiviet .blog_pt2 {
display:none;
}

.pun #baiviet #blog_tintuc a {
display:inline-block;
font:bold 12px/17px Arial,Helvetica,verdana,arial,sans-serif;
height:52px;
overflow:hidden;
}
.pun #baiviet #blog_tintuc a.ava_pt {
border:1px solid #737373;
display:inline-block;
width:86px;
height:58px;
overflow:hidden;
float:left;
margin-right:6px;
margin-top:-2px;
}

#baiviet .ava_pt img {
display:inline-block;
max-width:86px;
min-height:58px;
}

#baiviet .blog_pt1 {
display:inline-block;
width:100px;
margin-top:-2px;
padding-right:9px;
}

#baiviet #blog_tintuc {
margin-top:4px;
height:62px;
margin-left:5px;
display:inline-block;
background-color:#FFF;
overflow:hidden;
border-bottom:1px solid #ebebeb;
padding-top:4px;
}

.baiviet2#baiviet #blog_tintuc {
border:0;
}

#demo .phu1 span {
width:22px;
height:20px;
background:url(http://i35.servimg.com/u/f35/16/18/15/10/180.png)no-repeat;
display:inline-block;
cursor:pointer;
}

#demo .phu1 span.active {
cursor:default;
background:url(http://i35.servimg.com/u/f35/16/18/15/10/216.png)no-repeat;
}

.show_topic {
display:inline-block;
height:210px;
padding-left:4px;
}
</style>
<div style="display:inline-block;width:230px;margin-left:0px;height:210px;" id="demo">
<div style="height:205px;overflow:hidden;margin-bottom:4px;display:inline-block;width:235px;float:left;margin-top:10px;">
<!-- BEGIN post_row --><span class="show_topic">
  <a href="{post_row.U_VIEW_COMMENTS}" class="ava_new">
                {post_row.TEXT}
            </a>
<div style="width:205px;height:4px;margin-left:7px;background:#e1e1e8;margin-bottom:5px;"></div>
<a href="{post_row.U_VIEW_COMMENTS}" class="a_new"><img src="http://i69.servimg.com/u/f69/16/62/61/50/topics10.png"> {post_row.TITLE}</a>
<strong style="color:#8c8a8c;font:11px Arial;display:block;margin-top:3px">{post_row.POSTER}<span style="background: url(http://i35.servimg.com/u/f35/16/18/15/10/161.png)no-repeat left center;display:inline-block;padding-left:12px;margin-left:4px">{post_row.TIME}</span></strong></span>
<!-- END post_row --></div>
<div class="phu1" style="float:right;display:inline-block;width:20px;margin-top:20px;margin-left:-28px;float:left">
<span class="active" id="1"></span><span id="2"></span><span id="3"></span><span id="4"></span><span id="5"></span></div>
    <script>
    $(".phu1 span").click(function () {
      $(".phu1 span").removeClass("active");
      $(this).addClass("active");
      var a = eval($(this).attr("id"));
      var b = a - 1;
      if (a == 3) {
          b == 0
      }
      $("#demo .show_topic").hide();
      $("#demo .show_topic:eq(" + b + ")").show();
    });
    </script>

[kenbi05]

mong mọi người giúp mình cũng đang bế tắc trong vụ này