Javascript 如何在引导分页上应用jQuery效果

我在设计中使用引导分页：

<ul class="pagination news-pages">
    <li id="prev" ><a href="javascript:get_pages('0')">&laquo;</a></li>
    <li id="page-1" class="active"><a href="javascript:do_sth('1')">1</a></li>
    <li id="page-2"><a href="javascript:do_sth('2')">2</a></li>
    <li id="next"><a href="javascript:get_pages('3')">&raquo;</a></li>
</ul>

我已经尝试了几次这个代码，但是什么都没有发生。 然后，我删除了传递到

.hide（）

的所有参数

它起作用了！组件消失了，没有任何效果。 我的代码怎么了

顺便说一句，我也试过jQuery effect

.toggle（）

，没有参数它甚至不能工作。

---

我试过的另一个函数是

.fadeOut（）

，它工作得很好，但不是我想要的效果。

试试这样的方法：

function get_pages(start_page)
{
    if(start_page=='0') return false;
      $(".news-pages").hide("slow",function(){
        alert("The paragraph is now hidden");
      });
return false;
    }

---

希望对您有所帮助……

您必须对所有分页分区应用左浮动。。。容器必须隐藏溢出。。。然后你可以用左边的边距-/+。。。。

$(".news-pages").hide();

function get_pages(start_page)
{
    if(start_page=='0') return false;
      $(".news-pages").hide("slow",function(){
        alert("The paragraph is now hidden");
      });
return false;
    }