的slideToggle生效

Question

我有以下代碼：

<script type="text/javascript"> 
function shownavall() 
{ 
$('#shownavall').slideToggle('slow', function() { 
$('.otherlink').toggle(function(){ 
    $(this).css('background-position', '0px 0px'); 
    }, function(){ 
    $(this).css('background-position', '25px 0px'); 
}); 
    }); 

} 
</script> 

當我嘗試調用該函數作用於slidetoggle部分的功能。但不改變css爲.otherlink我想知道爲什麼？以及如何解決它？

我嘗試用調理語句來做到這一點，這裏是我的代碼：（此代碼不能在所有的工作！）

function shownavall() 
{ 
$('#shownavall').slideToggle('slow', function() { 
if ($('.otherlink').css('background-position') == '25px 0px') 
{ 
$(.otherlink).css('background-position', '0px 0px'); 
} 
else 
{ 
$(.otherlink).css('background-position', '25px 0px'); 
} 
    }); 
} 

我100％肯定的是，錯就錯在我的jQuery代碼。所以請不要詢問html或css。

Answer 1

function shownavall() 
{ 
$('#shownavall').slideToggle('slow', function() { 
if ($('.otherlink').css('background-position') == '25px 0px') 
{ 
$('.otherlink').css('background-position', '0px 0px'); 
} 
else 
{ 
$('.otherlink').css('background-position', '25px 0px'); 
} 
    }); 
} 

Answer 2

我認爲在CSS 「backgroundposition」 是正確的，而不是 「backgroundposition」。 另外background -position改變背景的位置而不是元素本身的位置，所以你必須使用position屬性。

 <script type="text/javascript"> 

    function shownavall() 
    { 
    $('#shownavall').slideToggle('slow', function() { 
    $('.otherlink').toggle(function(){ 
    $(this).css({'position':'absolute','left':'100px','top':'150px'}); 

     }, function(){ 
    $(this).css({'position':'absolute','left':'0px','top':'0px'}); 
    }); 
    }); 

    } 

    </script>