Показать div только при нажатии на вход

Как отобразить div только при нажатии ввода или в текстовом поле?Показать div только при нажатии на вход

Также CSS написан правильно? .. или имеет некоторые ошибки?

Спасибо за ответ!

2014-02-06 golaz

Вы скрываете его в фокусе, который находится в обратном направлении от того, что вы говорите, что хотите. Сначала скройте его и * покажите * его на фокусе (и скройте его при размытии). Но просто размещение ссылки на какой-то код на самом деле не так. –

Непонятно, что именно вы пытаетесь достичь. Попытайтесь объяснить немного больше. –

Пожалуйста, включите и код в вопрос. – George

$(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/

Просто введите float:left; в ваш .info_form класс в css. он останется встроенным.

источник

2014-02-06 18:51:28

Что-то вроде, но почему бы не остаться inline? ... и как вы скрываете div при нажатии на него? – golaz

проверять обновленный ответ для скрытия при нажатии на него. Для того, чтобы оставаться в очереди. Вам нужно будет исправить вас css. –

Еще раз проверьте обновленный ответ. http://jsfiddle.net/2wNbR/62/ –

Вы пытались спрятать его на готовом() и показать его нажатием?

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

    }); 
});

источник

2014-02-06 18:48:18 ltalhouarne

Это нормально, но я хочу отобразить один div, не все – golaz

Измененный класс .info_form и код JS. Вот результат url
http://jsfiddle.net/2wNbR/60/

Надеется, что это решит вашу проблему.

источник

2014-02-06 19:05:11

спасибо. – golaz

рад, что вы получили ответ :) –

Показать div только при нажатии на вход

ответ

Смежные вопросы