Как изменить непрозрачность определенного текста, нажав другой div?

Question

Я хочу показать строку текста при нажатии кнопки «Получить в Контакте» нажал на макете сайта, например, так:

У меня есть текущий непрозрачности сообщения об отправке в 0, так что не видно, но как бы я смог получить непрозрачность до 1, когда нажата ссылка на ссылку, используя css или jQuery?

Answer 1

Мой мозг, кажется, не работает сегодня ... это не работает для меня, потому что Javascript не был включен на моем компьютере. Код был очень прост.

$(".button").on("click", function(){ 
    $(".feedback").css("opacity", "1"); 
}) 

Answer 2

Если это макет:

$("#submitButton").on("click", function(e) { 
 
    e.preventDefault(); 
 
    $("#thanks").fadeIn(800); // Show Thanks 
 
});

#thanks{ display:none; }  /* Hide Thanks */

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Your message:<br> 
 
<textarea></textarea><br> 
 
<a href="javascript:;" id="submitButton"><b>Get in touch</b></a> 
 
<div id="thanks">Thanks for your inquiry!</div>

---

Обычно вы будете использовать success AJAX события, прежде чем делать так (так как я вижу, вы, вероятно, подав форму)

CSS (Спрятать Tthanks):

#thanks{ display:none; } 

JQuery (показать Спасибо на успех):

$("#submitButton").on("click", function() { 
    $.ajax({ 
     url: '/mail.php', // or whoever sends stuff 
     type: "POST", 
     data: $form.serialize(), 
     success: function(response) { 
      console.log(response); // Whatever server echoed on success 
      $("#thanks").show(); // Show THANKS OK? 
     }, 
     error: function (a, b, c) { 
      console.log(a, b, c); 
     } 
    }); 
}); 

Answer 3

Если вы просто хотите, чтобы отобразить текст, просто изменить непрозрачность элемента, либо путем изменения свойства непрозрачности CSS или через Jquery одушевленных.

<style> 
span 
{ 
    opacity: 0; 
} 
</style> 
<input type="text"> 
<button> 
Get In Touch 
</button> 
<span>Thanks for your inquiry</span> 
<script> 
$("button").click(function() 
{ 
    $('span').animate({ opacity: 1 },1000); 
}); 
</script> 

Пример: https://jsfiddle.net/3mb8ep19/2/