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。。。