jQuery daily

  伸縮列表，toggle（speed，callback），我想做出懸停變色，點擊變色，點擊伸縮，用toggle，現在還不知要怎么變換顏色，多寫一個script，可以，但是應該可以用toggle，我只是還沒找到方法。

  淡入淡出？和伸縮的區別？

  slide down/up 滑動

$(document).ready(function(){
  $("button").click(function(){
    var txt="";
    txt+="Width of div: " + $("#div1").width() + "</br>";
    txt+="Height of div: " + $("#div1").height();
    $("#div1").html(txt);

 

---

OK,css伸縮，搜索結果一------->box-flex,更像是布局，

第二種

CSS3點擊按鈕實現響應式伸縮搜索框。

文件引用：
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>

頁面結構：
<div class="main clearfix">
                <!-- Optional columns for small components -->
                <div class="column">
                    <p>The search bar can be opened on click, it has a fluid 
                    width and it&#39;s mobile-friendly.</p>
                </div>
                <div class="column">
                    <div id="sb-search" class="sb-search">
                        <form>
                            <input class="sb-search-input" placeholder="Enter your search term..." type="text" value="" name="search" id="search">
                            <input class="sb-search-submit" type="submit" value="">
                            <span class="sb-icon-search"></span>
                        </form>
                    </div>
                </div>
            </div>

調用代碼：
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
  new UISearch( document.getElementById( 'sb-search' ) );
</script>

  效果看着還不錯，但是我還沒看DOM，，，，，，，，，，，留待后查。

---

  transition!我竟然一點印象也沒有，我要重看一遍。

  選擇器，css應該支持點擊選擇，不過，我還沒有找到，我需要再仔細一點，好像真的沒有click。。。