<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<title>Portal Sains</title>
</head>
<body>
<h1>Cahaya</h1>

<div id="citeText">Cahaya adalah energi berbentuk gelombang elektromagnetik yang kasat mata dengan panjang gelombang sekitar 380 - 750 nm.[1] Pada bidang fisika, cahaya adalah radiasi elektromagnetik, baik dengan panjang gelombang kasatmata maupun yang tidak.[2][3] Selain itu, cahaya adalah paket partikel yang disebut fot<span id="dots">...</span><span id="readMore"> Read More »</span></div>
<div id="fullText">
   <p>Cahaya adalah energi berbentuk gelombang elektromagnetik yang kasat mata dengan panjang gelombang sekitar380 - 750 nm.[1] Pada bidang fisika, cahaya adalah radiasi elektromagnetik, baik dengan panjang gelombang kasatmata maupun yang tidak.[2][3] Selain itu, cahaya adalah paket partikel yang disebut foton. Kedua definisi tersebut merupakan sifat yang ditunjukkan cahaya secara bersamaan sehingga disebut "dualisme gelombang-partikel".</p>
   <p>Studi mengenai cahaya dimulai dengan munculnya era optika klasik yang mempelajari besaran optik seperti: intensitas, frekuensi atau panjang gelombang, polarisasi dan fase cahaya. Sifat-sifat cahaya dan interaksinya terhadap sekitar dilakukan dengan pendekatan paraksial geometris seperti refleksi dan refraksi, dan pendekatan sifat optik fisisnya yaitu: interferensi, difraksi, dispersi, polarisasi.</p>
   <p>Pada puncak optika klasik, cahaya didefinisikan sebagai gelombang elektromagnetik dan memicu serangkaian penemuan dan pemikiran, sejak tahun 1838 oleh Michael Faraday dengan penemuan sinar katode, tahun 1859 dengan teori radiasi massa hitam oleh Gustav Kirchhoff, tahun 1877 Ludwig Boltzmann mengatakan bahwa status energi sistem fisik dapat menjadi diskrit, teori kuantum sebagai model dari teori radiasi massa hitam oleh Max Planck pada tahun 1899 dengan hipotesis bahwa energi yang teradiasi dan terserap dapat terbagi menjadi jumlahan diskrit yang disebut elemen energi, E. Sumber : https://id.wikipedia.org/wiki/Cahaya <span id="readLess"> « Read Less</span>
   </p>
</div>
<script>
$(document).ready(function(){
   $('#readMore').click(function(){
     $("#dots,#readMore,#citeText").css("display","none");
     $("#fullText").css("display","block");
     $("#readLess").css("display","inline");
   });
   $('#readLess').click(function(){
     $("#citeText").css("display","block");
     $("#dots,#readMore").css("display","inline");
     $("#fullText,#readLess").css("display","none");
   });
});
</script>
</body>
</html>


body{margin:20px;}
#citeText{
   display:block;
}
#fullText{
   display:none;
}
#readMore{
   display:inline-block;
   color:blue;
}
#readLess{
   display:none;
   color:blue;
}
#readMore:hover,#readLess:hover{
   color:navy;
   cursor:pointer;
   text-decoration:underline;
}