2014-02-06 171 views
0

僅當我按下輸入或textarea時如何顯示div只有當點擊輸入時才顯示div

此外,CSS寫入是否正確? ..或有一些錯誤?

演示代碼:http://jsfiddle.net/2wNbR/54/

謝謝回答!

+1

你在隱藏焦點,這是從你說你想要的東西倒退。最初隱藏它,*在焦點上顯示*並將其隱藏在模糊處。但只是發佈一些代碼的鏈接並不是真的。 –

+0

目前尚不清楚你試圖達到的目標。試着多解釋一下。 –

+0

請在問題中包含代碼。 – George

回答

0
$(document).ready(function() { 
    $(".info_form").hide(); 
    $("input").on("focus", function() { 
     $(".info_form").hide(); 
     $(this).next('div.info_form').show(); 
    }); 
}); 

看到這裏http://jsfiddle.net/2wNbR/58/

--------- EDITED ----------------

$(document).ready(function() { 
    $(".info_form").hide(); 
    $("input").on("focus", function() { 
     $(".info_form").hide(); 
     $(this).next('div.info_form').show(); 
    }); 

    $(document).click(function(e) { 
     if (!$(e.target).is('input')) { 
      $(".info_form").hide(); 
     } 
    }); 
}); 

http://jsfiddle.net/2wNbR/62/

只需在css中的.info_form類中添加float:left;即可。它將保持內聯。

+0

類似的,但爲什麼不保持內聯? ...以及如何在外部點擊時隱藏div? – golaz

+0

檢查外部點擊時隱藏的更新答案。保持內聯。你需要修復你的CSS。 –

+0

再次檢查更新的答案。 http://jsfiddle.net/2wNbR/62/ –

1

你有沒有試過把它藏在ready()上並點擊顯示它?

$(document).ready(function() { 
    $(".info_form").hide(); 
    $("input").on("focus", function() { 
     $(".info_form").show(); 

    }); 
}); 
+0

沒關係,但我想顯示一個div,不是全部 – golaz

0

修改.info_form類和JS代碼。這裏是結果url
http://jsfiddle.net/2wNbR/60/

希望這可以解決您的問題。

+0

非常感謝。 – golaz

+0

高興你得到答案:) –

相關問題