jQuery：.css不能正常工作

Question

我是javascript新手，實際上，這是我第一次必須自己寫東西。

我的問題是，當我嘗試使用這個腳本：

$('.menu-item-has-children').click(function() { 
$('.masthead').css({ 
    'margin-bottom': '-30px', 
}); 
}); 

它不會在所有的工作。我想要做的是在打開子菜單後移動整個頁面內容。通常我會用css來做，但在這種情況下，它是一些wordpress模板，並且很難讓它運行良好。 ：/

因此： .masthead包含整個菜單，經過一些修改後，我將margin-bottom設置爲-80px，但現在我需要它在子菜單出現後進行擴展。

.menu-item-has-children是我實際可以使用的幾個類之一 - 它包含菜單位置，它顯示點擊後的子菜單。

我現在這個苦苦掙扎了一段時間，這將是巨大的，如果有人可以幫助我:)

SOLUTION：

jQuery('.parent-menu').click(function() { 
jQuery('.masthead').css({'margin-bottom': '-30px'}); 
}); 

Answer 1

U可以只使用一個add_class你的元素，和去掉它。

然後用你的自定義屬性在css中創建一個類。

Answer 2

使用

$('.menu-item-has-children').click(function() { $('.masthead').css('margin-bottom','-30px'); 
});