フルスクリーンの検索はここがある場合、フルページ検索

Question

背景をぼかし： http://bootsnipp.com/snippets/featured/full-screen-search

しかし、私は http://codepen.io/Palestinian/pen/mDKkG

But it seems they have differet way to show up, one of them is popup and another is change the css. If there is a way to combine them? I tried like 

    $(function() { 
    $('a[href="#search"]').on('click', function(event) { 
     event.preventDefault(); 
     $('#search').addClass('open'); 
     $.mobile.pageContainer.pagecontainer("getActivePage") 
      .addClass("blur-filter"); 
     $('#search > form > input[type="search"]').focus(); 
    }); 

    $('#search, #search button.close').on('click keyup', function(event) { 
     if (event.target == this || event.target.className == 'close' || event.keyCode == 27) { 
      $(this).removeClass('open'); 
      $(".blur-filter").removeClass("blur-filter"); 
     } 
    }); 


    //Do not include! This prevents the form from submitting for DEMO purposes only! 
    $('form').submit(function(event) { 
     event.preventDefault(); 
     return false; 
    }) 
}); 

としてbluredが、それは動作していないようだ背景とそれを組み合わせることを願っています。 私はそれらを組み合わせる方法を教えられますか？ありがとう。

Answer 1

セレクタの問題に変更する必要がありますか？ 私は複合効果を持つことができます。

http://bootsnipp.com/user/snippets/nPve7