html

AM PUS UN BUTON PE SITE-UL MEU DAR NU STIU CUM SĂ-I FAC FUNCȚIONALITATEA (FUNCȚIONALITATEA VREA SĂ FIE URMĂTOAREA) IN MOMENTUL APĂSĂRII BUTONULUI VREA SĂ APARĂ CONȚINUTUL TREPTAT. ÎNTREBAREA MEA ESTE CUM SĂ FAC SĂ AIBĂ ACEASTĂ FUNCȚIONALITATE?.

Poti folosi asa ceva - http://www.w3schools...y_hide_show.asp

Nu mai scrie cu litere mari, ca nu suntem miopi.

$("button").click(function(){
	$("p").fadeIn(1000);
});

Cred ca asa ceva vrei nu? Este o contiunuare la scriptul din celalalt post.Ti-l aranjezi si tu...doar Javascript.


http://jsfiddle.net/27da22Lj/

<div id="newpost">
<p style="color:red;font-size:45px">bla bla bla</p>
</div>
<button id='arata'>Cieste<span style="color:red"> mai multe informatii</span></button>
<button id='ascunde' style=' '>Ascunde</button>





document.getElementById("arata").style.display="none";
   var div = document.getElementById('newpost');
var initial = 0.1;  // opacitate initiala
div.style.display = 'block';
var timer = setInterval(function () {
if (initial >= 1){
clearInterval(timer);
}
div.style.opacity = initial;
div.style.filter = 'alpha(opacity=' + initial * 100 + ")";
initial += initial * 0.1;
}, 80);


var arata = document.getElementById('arata');
arata.onclick = function() {
var div = document.getElementById('newpost');
  document.getElementById("ascunde").style.display="block";
  document.getElementById("arata").style.display="none";  
   if (div.style.display !== 'none') {
//bagi ceva canva
}
else {
// div.style.display = 'block';
var initial = 0.1;  // opacitate initiala
div.style.display = 'block';  
var timer = setInterval(function () {
  if (initial >= 1){
  clearInterval(timer);
}
div.style.opacity = initial;
div.style.filter = 'alpha(opacity=' + initial * 100 + ")";
initial += initial * 0.1;
}, 80); //80 modifici daca vrei
  }
}  


var ascunde = document.getElementById('ascunde');
ascunde.onclick = function() {
var div = document.getElementById('newpost');
   document.getElementById("arata").style.display="block";
   document.getElementById("ascunde").style.display="none";
  if (div.style.display !== 'none') {  
// div.style.display = 'none';
   var initial = 1; //opacitate
var timer = setInterval(function () {
if (initial <= 0.1){
clearInterval(timer);
div.style.display = 'none';
}
div.style.opacity = initial;
div.style.filter = 'alpha(opacity=' + initial * 100 + ")";
initial -= initial * 0.1;
}, 80); //80, modifici daca vrei

}
  else {
  //bagi ceva candva
  }
};

Edited by ionutz_joe2009, 31 January 2017 - 15:07.

http://jsfiddle.net/4bdfzuLv/

Varianta mai "curatata" , il oprii si eu untr-in modul.