摺疊/在WP

Question

模塊，我想修改我的page's右側欄像www.novaator.ee's工作手風琴風格。

的代碼位，我從novaator.ee網站獲得：

/* accordation menu */ 
<script type="text/javascript"> 
function accordMenu(){ 
    jQuery("#rightMenu .rContent").hide(); 
    jQuery("#rightMenu .body-lehed").show(); 

    jQuery('#rightMenu .rHeading').click(function() { 
     jQuery('#rightMenu .rContent').slideUp('normal'); 
     jQuery(this).next().slideDown('normal'); 
    }); 

} 
</script> 

和CSS

/* Accordation menu */ 
#rightMenu{ 
    margin-bottom:11px; 
    width:214px; 
} 
#rightMenu .link{ 
    font-weight:bold; 
    color:#6b6f72; 
    text-decoration:none; 
    margin-right:10px; 
    margin-left:14px; 
    font-style:italic; 
    font-size:11px; 
    padding-bottom:8px; 
} 

#rightMenu .link:hover{ 
    text-decoration:underline; 
} 
#rightMenu .rHeading,.rHeading2{ 
    background:#14588f; 
    color:#f6f6f6; 
    font-weight:bold; 
    font-size:15px; 
    padding:5px 20px 4px 20px; 
    cursor:pointer; 
    margin-bottom:2px; 
    height:18px; 
} 
#rightMenu .rHeading:hover,.rHeading2:hover{ 
    text-decoration:underline; 
    color:#ffffff; 
} 
#rightMenu .cat-video2010,#rightMenu .cat-video2010 a, 
#rightMenu .cat-video2011,#rightMenu .cat-video2011 a, 
#rightMenu .cat-video,#rightMenu .cat-video a{ 
    background:#ef9d37; 
    color:#f6f6f6; 
    text-decoration:none; 
} 

#rightMenu .rContent{ 
    border:1px solid #dddddd; 
    border-top:0; 
    margin-top:-2px; 
    padding-left:6px; 
    padding-top:11px; 


} 
#rightMenu .question{ 
    border-left: 5px solid #f6b439; 
    padding: 2px 5px 2px 9px; 
    line-height:16px; 
} 
#rightMenu .asnwerer{ 
    font-size:13px; 
    font-weight:bold; 
    color:#c5c5c5; 
    padding-left:14px; 
    margin-top:4px; 
    margin-bottom:-5px; 
} 
#rightMenu .asnwer{ 
    padding-left:14px; 
    line-height:16px; 
} 

我的問題是，我應該在哪裏這些作品添加的代碼（到style.css文件和至 ... ） ？ 我可能需要做哪些其他修改？記住

牢記這在我的網站右邊欄是模塊（這樣的JavaScript應模塊的工作），而現在那裏有運行兩個woocommerce模塊。

---

我想我需要更改腳本有點過了，有新鮮精簡版theme.Since IM沒有在家裏使用JavaScript，我希望的某人的進一步援助工作。

我到目前爲止所做的是，我已經將css的一部分添加到style.css中，並嘗試將腳本部分添加到functions.php中，但是完成後，它將加載空白頁URL我使用）。所以我想我必須使用像childtheme的東西...？

更準確，我需要的所有部件（不模塊）的工作方式相同way.Accordions根應該是小部件的標題，它應該點擊不工作的懸停。

Answer 1

事實上，您需要在適用的HTML之後包含該腳本。因此，請在頁面中查找較低的頁腳模板或其他位置。

如果稍微修改它，就可以將它放在模板的任何位置。

<script type="text/javascript"> 
jQuery(function() { // wait for the DOM to finish loading 
    function accordMenu(){ 
     jQuery("#rightMenu .rContent").hide(); 
     jQuery("#rightMenu .body-lehed").show(); 

     jQuery('#rightMenu .rHeading').click(function() { 
      jQuery('#rightMenu .rContent').slideUp('normal'); 
      jQuery(this).next().slideDown('normal'); 
     }); 
    } 
}); 
</script> 

所有這一切都假定您的CSS中的ID和類值也在HTML中。