html
<li>
        <div class="NewsIMG"><img  src="Admin/FileUpload/20130719104147.jpg"/></div>
        <div  class="NewsTI"  > 
            1112
      </div>
        </div>
        <div class="NewsTIB"></div>     <div class="NewsTIA">查看详细</div>           
</li>
         
 <li>
        <div class="NewsIMG"><img  src="Admin/FileUpload/20130719103609.jpg"/></div>
        <div  class="NewsTI"  > 
          22223
       </div>
        </div>
        <div class="NewsTIB"></div>     <div class="NewsTIA">查看详细</div>           
  </li>jquery<script type="text/javascript">
        $(function () {
            $(".NewsTIA").each(function (index, item) {
                $(this).click(function () {
                    if($(this).text() == "查看详细")
                    {
                        $(this).text("关闭详细");
                        $(".NewsTII").eq(index).removeClass().addClass("01");
                    }else
                    {
                        $(this).text("查看详细")
                        $(".01").eq(index).addClass("NewsTII");
                    }
                });
            });
        });
    </script>
其实就是点击对应的查看详细就展开,点击关闭详细就关闭。。可是好像这种addclass,removeclass方法有问题啊,在线急求

解决方案 »

  1.   

    你的选择器没必要写复杂而且两个还找不到自己要的
    $(function(){
    $(".NewsTIA").each(function(){
    $(this).click(function(){
    if($(this).text()=="查看详细")
    {
    $(this).text("关闭详细");
    $(this).prev().prev().show();
    }
    else
    {
    $(this).text("查看详细");
    $(this).prev().prev().hide();
    }
    });
    });
    });
    直接show和hide就行
      

  2.   


    是的!这是一个样式,确定了div的高度,效果就是点击展开就去掉这个样式,全部显示,关闭后加上这个样式就确定高度
      

  3.   

    .addClass("01")   样式首字母不能为数字