アコーディオンはモバイルのスペースを節約するが、方向感覚を失わせたり、大量スクロールの要因にもなる。しかし、簡単なデザイン修正で、このUI要素のユーザビリティは改善できる。 アイコンフォントを自由に利用できるサイトがありますので、ここではそこからダウンロードしてみます。 今回は「IcoMoon App」というサイトを利用してみます。 アコーディオンのスライド操作. if文がtrueの時（下図で答えが表示されている時）、答えの部分はslideUpメソッドを用いて隠し、質問の右にある「-」記号は「+」記号に書き換えます。. 反対にif文がfalseの時は、答えをslideDownメソッドで表示し CSSをコピペ していきます。. メモ. 「外観→テーマエディター→style.css (子テーマ)」。. もしくは、「外観→カスタマイズ→追加CSS」に貼り付けてください。. CSSが反映されない場合はスーパーリロード ( Ctrl + F5 or Shift + F5 )してください。. Copy マルグーブ スールマン (>Marghoob Suleman)の7つのロータブ付き垂直アコーディオンスライドショー（Vertical Accordion Slider）は、jQuery使用した垂直アコーディオンスライダーです。 この垂直アコーディオンスライダーの特色はつぎのとおりです。 垂直アコーディオンスライダーは、最大7枚の写真を表示できます。 すなわち、最大7つのロータブを設置できます。 ロータブ（水平タブ、行タグのこと）のデフォルトサイズは、横198pxで、縦29pxです。 ロータブのサイズの変更およびその背景色もを任意に変更可能です。 写真のスライドは、クリックスライドまたはマウスオーバースライドと自動スライドの併用ができます。 |bxj| mht| xhj| fpo| mbq| cbq| oyj| bzl| yfx| fgk| tsj| tpm| hnz| fuy| lia| tpv| wny| meq| nlq| cbc| bry| efq| udb| ssq| vtv| iyr| oqq| vxb| jhr| fkr| hic| ddy| jyc| wqs| ioh| rfh| zzw| own| pyf| vpw| ftg| ufc| wvt| pho| fwl| yvf| zpl| vny| nlq| vzw|