jQuery・JS jQuery UIを利用してタブを作成するコード
jQuery UIを利用することで簡単にタブを作成できます。 jQuery UIでタブを作成する方法 divタグのidにtabsを設定（div id="tabs"） タブは、ulタグにliを作成します。 タブをクリックしたときに表示するパネ...
jQuery・JS 
HTML・CSS Bootstrapでアコーディオン表示を作る
Bootstrapで下の画像のようにリンクをクリックするとコンテンツ部分が開いて表示されるアコーディオンの設定方法。 aタグに「data-toggle=collapse」を設定。 href属性に表示するコンテンツのIDを設定。 クリックする...
HTML・CSS Bootstrapでタブを作成する
Bootstrapで下の画像のようにタブをクリックすると表示が切り替わる「タブ」の作成方法。 タブの設定 ulでタブを表示。クラスにnav nav-tabsを設定。 liで最初に表示するところのクラスにactiveを設定。 liのa要素にd...
HTML・CSS Bootstrapを使うまでの流れ
1から自分でHTMLとCSSでサイトを作る方法もありますが、ブラウザの差異などを考慮した作りをするのは大変です。またウェブサービスを作成するときにデザイン部分まで自ら取り組むとなると作業の時間と学習コストがかかります。 そこで、Bootst...
jQuery・JS jQueryでinputタグの追加と削除
jQueryでinputを追加・削除するには、appendとremoveメソッドを使うことでできます。 そこで、下の画像にあるような2列になっているinputによる入力欄を行ごとに追加・削除する方法として、何が良いのか考えたのですがHTML...