JQuery плавный эффект

Question

Я хочу сделать что-то похожее с этим

При нажатии на «описание» появляется текст.Я хочу создать этот эффект с помощью jQuery, как я могу это сделать?

Answer 1

Вы можете использовать функцию fadeTo в jquery

Answer 2

Вы можете сделать это так:

<div id="description"> Description (click here to show) </div>
<div id="textToShow" style="display:none"> Now I'm visible ! </div>

$(document).ready(function(){
  $("#description").click(function(){
    $("#textToShow").fadeIn("slow");
  });
});

Вы можете использовать изображение или любой элемент, который будет показан.Надеюсь это поможет.Приветствия

Answer 3

Возможно, fadeToggle ()?

<a href="#" id="appear">Clicky</a>
    <p class="textTo" style="display: none;">Hello World!</p>

<script type="text/javascript">
$("#appear").click(function() {
   $(".textTo").fadeToggle();
});
</script>

проверить рабочую скрипку: http://jsfiddle.net/vfcp4/

и API:

http://api.jquery.com/fadeToggle/

API показывает немного больше.

например, есть некоторые параметры для управления скоростью анимации, типом и т. Д.