2011-05-09 19 views
2

我有2個函數,即時通訊運行在一個無序的列表中,第一個是圍繞所有李元素是在第六個之後,並顯示沒有,所以我可以使用滑動和滑動功能來顯示和隱藏它們,滑動和滑動在頁面上的其他元素上完美實現,而不是在元素上。jQuery沒有做我告訴它做和slideDown

這是使用了兩者的功能

<script type="text/javascript"> 
    jQuery(function() {     
     jQuery('.clients-list li:gt(5)').wrapAll('<div style="display: none;" class="clientscontainer">'); 
    }); 
</script> 


<script type="text/javascript"> 
jQuery(function(){ 
    jQuery('#clientsexpand').click(function(){ 
     if(jQuery('.clientscontainer').is(':hidden')) { 
      jQuery('.clientscontainer').slideDown('slow'); 
      return false; 
     } else { 
      jQuery('.clientscontainer').slideUp('slow'); 
      return false; 
     } 
    }); 
}); 
</script> 

有了這個代碼,隱藏裏的jQuery的IM點擊之後就顯示,但它不滑,它似乎停頓了幾秒鐘,然後就顯示它們,然後當我再次點擊以隱藏它們時,一個空白塊顯示在頁面上,然後進入隱藏狀態。

如果有人有任何線索我怎麼能解決這個問題,那將是盛大的。

乾杯,

回答

1
jQuery('#clientsexpand').click(function(){ 
     if(jQuery('.clientscontainer').is(':hidden')) { 
      jQuery('.clientscontainer').slideDown('slow'); 
      return false; 
     } else { 
      jQuery('.clientscontainer').slideUp('slow'); 
      return false; 
     } 
    }); 

變化:

$('#clientsexpand').click(function(){ 
    $('.clientscontainer').slideToggle('slow'); 
}); 

Slidetoggle處理if語句等你。

+0

感謝您的提示......雖然沒有解決問題:( – BigJobbies 2011-05-09 12:43:14

相關問題