Show/Hide button χωρίς επαναφόρτιση σελίδας

Read More Read Less Button

😀 😬 😁 😂 😃 😄 😅 😆 😇 😉 😊 🙂 ☺️ 😋 😌 😍 😘 😗 😙 😚 😜 😝 😛  😎  😏 😶 😐 😑 😒  😳 😞 😟 😠 😡 😔 😕 🙁 ☹️ 😣 😖 😫 😩 😤 😮 😱 😨 😰 😯 😦 😧 😢 😥 😪 😓 😭 😵 😲  😷  😴 💤 💩 😈 👿 👹 👺 💀 👻 👽  😺 😸 😹 😻 😼 😽 🙀 😿 😾 🙌 👏 👋 👍 👊 ✊ ✌️ 👌 ✋ 💪 🙏 ☝️ 👆 👇 👈 👉 🖕  🖖 ✍️ 💅 👄 👅 👂 👃 👁 👀 👤 🗣 👶 👦 👧 👨 👩 👱 👴 👵 👲 👳 👮 👷 💂 🕵 🎅 👼 👸 👰 🚶 🏃 💃 👯 👫 👬 👭 🙇 💁 🙅 🙆 🙋 🙎 🙍 💇 💆 💑 👩‍❤️‍👩 👨‍❤️‍👨 💏 👩‍❤️‍💋‍👩 👨‍❤️‍💋‍👨 👪 👨‍👩‍👧 👨‍👩‍👧‍👦 👨‍👩‍👦‍👦 👨‍👩‍👧‍👧 👩‍👩‍👦 👩‍👩‍👧 👩‍👩‍👧‍👦 👩‍👩‍👦‍👦 👩‍👩‍👧‍👧 👨‍👨‍👦 👨‍👨‍👧 👨‍👨‍👧‍👦 👨‍👨‍👦‍👦 👨‍👨‍👧‍👧 👚 👕 👖 👔 👗 👙 👘 💄 💋 👣 👠 👡 👢 👞 👟 👒 🎩 ⛑ 🎓 👑 🎒 👝 👛 👜 💼 👓 🕶 💍 🌂... 🌀🌀🌀☺😊😒😩🙂😄😇😌😑😖😚😓😎😉😅😀😭😔😍😁😂😏😘🙁😃😆😋😐😕😛👌✌👉👍👐🖐🙏🙇🙎🎅👮💁🙋🙅🖖💪👎👊👇✊✋👈👋👏👆🙌🙆🙍👯👰🎈🎶🎂🎆💓💗💚💞💝🎧💅💟💌💛💘💔❤🎇🎀✨🎉🎁🎊💕💖💙💜💍🎥💎💡💢💤💧💦💥💨💩💫📷💭💬📺🔮🎵🎸🎷🎤🎹🎺🎻♣♥🎼♠♦👑🎩🎒⌚👒👓👔👗👖👕👘👙👚👝👜👛👞👟👠💄👢👡🔑🔱⚽🀄⛳⚾🎌🎣🎦🎬🎫🎨🎮🎯🎱🎴🎳🎲🎽🎾🎿🏄🏂🏀🏆🏇🏈🏮🏊🏉🎃🎄🎋🎏🎎🎍🎐🎑🎓⏳⏰⌛☎✂✉💻✒✏💽💾💿📂📁📀📅📆📇📍📌📋📎📏📐📞📝📛📟📠📡📼📻📹🔋🔌🔗💊💉🔫💣💼🔍🔐🔏🔎🔒🔓🔦🔩🔨🔧🔪🔬🔭📤🚭🚬📥📦📧📪📩📨💉💊💣🔎🔍💼🔏🔐🔒🔧🔦🔓🔨🔩🔪🚬🔭🔬🚭📤📥📨📧📦📩📪📫📮📭📬🖖🙌🙏🙇🙆🙅🙋🙍🙎🎅👯💁👮👰👱👷👳👲👸👼💂👶💇💆👦👧👨👵👴👩😜😝😞😡😠😟😢😣😤😫😪😥😬😰😱😶😴😳😷☹😗😧😦😙😨😮😯👽😵😲😲😵👽👻💀👾👿😈👹👅👀👺💋👂👃💃👣👄🚶🏃👤💑💏👥👫👬👭👪🚸🚼🍕🌰🌽🍆🍅🍄🍇🍈🍉🍌🍋🍊🍍🍎🍏🍒🍑🍐🍓🍔🍖🍙🍘🍗🍚🍛🍜🍟🍞🍝🍠🍡🍢🍥🍤🍣🍦🍧🍨🍫🍪🍩🍬🍭🍮🍱🍰🍯🍲🍳🍴🍶🍵☕🍷🍸🍹🍼🍻🍺🌸🌹💐🌲🌱🍀🌳🌴🌵🌻🌺🌷🌼🌾🌿🍃🍂🍁💮🐧🐀🐃🐂🐁🐄🐅🐆🐉🐈🐇🐊🐋🐌🐏🐎🐍🐐🐑🐒🐕🐔🐓🐖🐗🐘🐛🐚🐙🐜🐝🐞🐡🐠🐟🐢🐣🐤🐨🐦🐥🐩🐪🐫🐮🐭🐬🐯🐰🐱🐴🐳🐲🐶🐷🐸🐻🐺🐹🐼🐽🐾.
.........




<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#more {display: none;}
</style>
</head>
<body>
<h2>Read More Read Less Button</h2>
<p>
😀 😬 😁 😂 😃 😄 😅 😆 😇 😉 😊 🙂 ☺️ 😋 😌 😍 😘 😗 😙 😚 😜 😝 😛  😎  😏 😶 😐 😑 😒  😳 😞 😟 😠 😡 😔 😕 🙁 ☹️ 😣 😖 😫 😩 😤 😮 😱 😨 😰 😯 😦 😧 😢 😥 😪 😓 😭 😵 😲  😷  😴 💤 💩 😈 👿 👹 👺 💀 👻 👽  😺 😸 😹 😻 😼 😽 🙀 😿 😾 🙌 👏 👋 👍 👊 ✊ ✌️ 👌 ✋ 💪 🙏 ☝️ 👆 👇 👈 👉 🖕  🖖 ✍️ 💅 👄 👅 👂 👃 👁 👀 👤 🗣 👶 👦 👧 👨 👩 👱 👴 👵 👲 👳 👮 👷 💂 🕵 🎅 👼 👸 👰 🚶 🏃 💃 👯 👫 👬 👭 🙇 💁 🙅 🙆 🙋 🙎 🙍 💇 💆 💑 👩‍❤️‍👩 👨‍❤️‍👨 💏 👩‍❤️‍💋‍👩 👨‍❤️‍💋‍👨 👪 👨‍👩‍👧 👨‍👩‍👧‍👦 👨‍👩‍👦‍👦 👨‍👩‍👧‍👧 👩‍👩‍👦 👩‍👩‍👧 👩‍👩‍👧‍👦 👩‍👩‍👦‍👦 👩‍👩‍👧‍👧 👨‍👨‍👦 👨‍👨‍👧 👨‍👨‍👧‍👦 👨‍👨‍👦‍👦 👨‍👨‍👧‍👧 👚 👕 👖 👔 👗 👙 👘 💄 💋 👣 👠 👡 👢 👞 👟 👒 🎩 ⛑ 🎓 👑 🎒 👝 👛 👜 💼 👓 🕶 💍 🌂<span id="dots">...</span><span id="more">
🌀🌀🌀☺😊😒😩🙂😄😇😌😑😖😚😓😎😉😅😀😭😔😍😁😂😏😘🙁😃😆😋😐😕😛👌✌👉👍👐🖐🙏🙇🙎🎅👮💁🙋🙅🖖💪👎👊👇✊✋👈👋👏👆🙌🙆🙍👯👰🎈🎶🎂🎆💓💗💚💞💝🎧💅💟💌💛💘💔❤🎇🎀✨🎉🎁🎊💕💖💙💜💍🎥💎💡💢💤💧💦💥💨💩💫📷💭💬📺🔮🎵🎸🎷🎤🎹🎺🎻♣♥🎼♠♦👑🎩🎒⌚👒👓👔👗👖👕👘👙👚👝👜👛👞👟👠💄👢👡🔑🔱⚽🀄⛳⚾🎌🎣🎦🎬🎫🎨🎮🎯🎱🎴🎳🎲🎽🎾🎿🏄🏂🏀🏆🏇🏈🏮🏊🏉🎃🎄🎋🎏🎎🎍🎐🎑🎓⏳⏰⌛☎✂✉💻✒✏💽💾💿📂📁📀📅📆📇📍📌📋📎📏📐📞📝📛📟📠📡📼📻📹🔋🔌🔗💊💉🔫💣💼🔍🔐🔏🔎🔒🔓🔦🔩🔨🔧🔪🔬🔭📤🚭🚬📥📦📧📪📩📨💉💊💣🔎🔍💼🔏🔐🔒🔧🔦🔓🔨🔩🔪🚬🔭🔬🚭📤📥📨📧📦📩📪📫📮📭📬🖖🙌🙏🙇🙆🙅🙋🙍🙎🎅👯💁👮👰👱👷👳👲👸👼💂👶💇💆👦👧👨👵👴👩😜😝😞😡😠😟😢😣😤😫😪😥😬😰😱😶😴😳😷☹😗😧😦😙😨😮😯👽😵😲😲😵👽👻💀👾👿😈👹👅👀👺💋👂👃💃👣👄🚶🏃👤💑💏👥👫👬👭👪🚸🚼🍕🌰🌽🍆🍅🍄🍇🍈🍉🍌🍋🍊🍍🍎🍏🍒🍑🍐🍓🍔🍖🍙🍘🍗🍚🍛🍜🍟🍞🍝🍠🍡🍢🍥🍤🍣🍦🍧🍨🍫🍪🍩🍬🍭🍮🍱🍰🍯🍲🍳🍴🍶🍵☕🍷🍸🍹🍼🍻🍺🌸🌹💐🌲🌱🍀🌳🌴🌵🌻🌺🌷🌼🌾🌿🍃🍂🍁💮🐧🐀🐃🐂🐁🐄🐅🐆🐉🐈🐇🐊🐋🐌🐏🐎🐍🐐🐑🐒🐕🐔🐓🐖🐗🐘🐛🐚🐙🐜🐝🐞🐡🐠🐟🐢🐣🐤🐨🐦🐥🐩🐪🐫🐮🐭🐬🐯🐰🐱🐴🐳🐲🐶🐷🐸🐻🐺🐹🐼🐽🐾.</span></p>
<button onclick="myFunction()" id="myBtn">Read more</button>
<script>
function myFunction() {
  var dots = document.getElementById("dots");
  var moreText = document.getElementById("more");
  var btnText = document.getElementById("myBtn");

  if (dots.style.display === "none") {
    dots.style.display = "inline";
    btnText.innerHTML = "Read more";
    moreText.style.display = "none";
  } else {
    dots.style.display = "none";
    btnText.innerHTML = "Read less";
    moreText.style.display = "inline";
  }
}
</script>

</body>
</html>




by 𝕿𝖔𝖕𝖌𝖑𝖔𝖔𝖇

Comments