jQuery的切換/單擊<a href="http://codepen.io/KyleMorgan49/full/ELqur" rel="nofollow">http://codepen.io/KyleMorgan49/full/ELqur</a></p> <p>不工作的方式我想它

Question

檢查出我的項目當我按一下按鈕，它擴展。但由於某種奇怪的理由，我必須點擊框的底部。我認爲div＃search-icon正在移動或縮小，但我沒有任何可以使它實現的代碼。我很困惑。你可以花一分鐘時間玩這個嗎？謝謝！

Answer 1

那是因爲你的#searchy-stuff覆蓋圖標的中間（你可以點擊最上面的，而不僅僅是底部看到它）

要修復它使#searchy-stuff寬度相同的輸入域

DEMO

Answer 2

<p id="searchy-stuff" style="display: block;"> 
    <input type="text" id="search-input"> 
</p> 

第一次動畫完成後，此部分重疊圖標...更改您的CSS，它將工作。其實沒有第二次點擊圖標。

Answer 3

searchy-東西是重疊的搜索圖標，單擊事件未被觸發。

添加這個CSS：

#searchy-stuff{pointer-events:none}