メモ７ - まとめ @ ウィキ

• ぷちくろ

• css
  • animate.min.css
  • reset.css
  • style.css
  • style.css'
  • top.css
• js
  • jquery-3.6.0min.js
  • load.js

　　　　目次　　　　

目次

/* プラグインによる固定表示メニュー装飾用 */
.openclose {
    position: fixed;
    width: 190px;
    padding: 5px;
    right: 0;
    top: 124px;
    max-height: 504px;
    overflow-y: auto;
    line-height: normal;
    border-radius: 4px;
    background: #d1d1d1;
    z-index: 14;
}
.plugin_openclose_b {
    display: block;
    text-align: center;
}
.plugin_contents {
    margin-bottom: 1em;
}
.openclose::marker {
    list-style-type: diamond;
}
 

/* 固定表示メニュー */
.contents {
}
.contents ul {
    margin: 0;
    margin-bottom: 1em;
}
/*--------------------------------------------------------------------------------------------------------*/
/* 目次の展開・格納Javascript用id */
#mokuji {
    display:block;
    text-align:center;
    cursor:pointer;
}
#nakami {
    display:none;
}
 

#openclose(){}

#openclose(){
ここにテキスト１
ここにテキスト２
ここにテキスト３
}

と入力することでテキストの表示/非表示を切り替えることが出来ます
また()の中に,区切りで以下のパラメーターを入力することで表示を変更できます。

パラメーター 説明
show=(テキスト) 表示非表示を切り替えるボタンの文字列になります
margin:(数字); マージンを指定します(最後に;をつけてください)
padding:(数字); paddingを指定します(最後に;をつけてください)
border:(数字); ボーダーサイズを指定します(最後に;をつけてください)
block 初期状態で表示した状態にします

aiueo

kakikukeko

sasisuseso