[B! toggle] kiyo_hikoのブックマーク

kiyo_hiko id:kiyo_hiko

toggleに関するkiyo_hikoのブックマーク (3)

jQuery toggle div from select option
kiyo_hiko 2016/04/18
$(function() { var toggleXx = function() { var toToggle = $('.' + $('#toggle_xx option:selected').val()); toToggle.siblings('[class*=xx_]'.slideUp(function() { $(this).addClass('hidden'); }); toToggle.slideDown().removeClass('hidden'); } $('#toggle_xx).change(toggleXx); toggleXx(); });

jquery

toggle

radiobutton

select

form
リンク
フォーム周りで覚えておくと便利なCSS Snippets - NxWorld
フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。紹介している内容はブラウザ（特にIE9以下）によっては使用できないものや表示確認ができないものもいくつか含まれています。各要素のデフォルトスタイルを削除フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ
kiyo_hiko 2015/10/15
いっぱいつよそう

css

snippet

sample

form

input

button

toggle

便利
リンク
CSS Toggle Switch Examples - Call Me Nick
In this tutorial, we look at some CSS toggle switch examples. We’ll be using pure CSS to create some toggle switches, adding a neat user experience to checkbox functionality. Get Source View Demo The Reasoning Often times, we find ourselves needing users to check/uncheck a checkbox to signify a yes/no answer to some question or statement. We set up a label, a checkbox input type, and fetch the boo
kiyo_hiko 2015/10/15
css

form

control

toggle

sample

tips
リンク
1