Palabra de Honor Capitulo 18 Completo HD

Ver Palabra de Honor Capitulo 18 Completo HD Canal 13. Palabra de Honor Capitulo 18 Completo HD. Ver Palabra de Honor Capitulos Completos en Español Gratis Online – [Ver Full HD + Descargar] – La telenovela Palabra de Honor en Linea | TusNovelasHD. OPCIÓN 1 + CLICK AQUÍ OPCIÓN 2 + CLICK AQUÍ MIRA TODOS LOS CAPÍTULOS AQUÍ + CLICK AQUÍ .faq { margin: 20px; } .question { margin-bottom: 10px; border: 2px solid #F4F4F4; / Added border around each question / border-radius: 5px; / Rounded corners for the border / padding: 10px; / Add some space around the question and its content / } .toggle-btn { display: flex; justify-content: space-between; align-items: center; background-color: #F4F4F4; color: #fff; padding: 10px; border: none; cursor: pointer; width: 100%; text-align: left; position: relative; border-radius: 5px; box-sizing: border-box; } .toggle-btn:hover { background-color: #EEEEEE; color: #000; / Change text color to black on hover / } .question-text { color: #FF3152; / Changed text color to #FF3152 / text-align: center; / Center aligned the question text / flex-grow: 1; font-weight: bold; / Made text bold / font-size: 20px; / Increased font size / } .toggle-icon { font-size: 20px; font-weight: bold; color: #FF3152; / Set the initial color of the "+" icon to #FF3152 / } .answer-btn { display: block; width: 200px; / Set the width of the button to 200px / padding: 10px; border-top: 1px solid #ddd; background-color: #FF3152; color: #FFFFFF; text-align: center; cursor: pointer; border: 2px solid #FF3152; / Border around the button / border-radius: 5px; box-sizing: border-box; text-decoration: none; / Remove underline from link / margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; font-weight: bold; / Made text bold / font-size: 18px; / Increased font size / } / Hover effect / .answer-btn:hover { background-color: #FFFFFF; / Change background color to white / color: #FF3152; / Change text color to #FF3152 / border-color: #FF3152; / Keep the border color same on hover / } / Style for iframe container / .iframe-container { margin-top: 15px; display: none; / Hidden by default / text-align: center; / Center the iframe / } iframe { max-width: 100%; / Make sure the iframe is responsive / margin: 0 auto; / Center the iframe horizontally / } // Function to toggle the "CLICK AQUÍ" button and iframe visibility function toggleContent(button) { var iframeContainer = $(button).next('.iframe-container'); var buttonText = $(button); // Check if the iframe container is already visible if (iframeContainer.is(':visible')) { // If visible, hide it and reset the button text iframeContainer.slideUp(); $(button).siblings('.answer-btn').text('CLICK AQUÍ'); } else { // If not visible, first close all other iframe containers $('.iframe-container').slideUp(); $('.answer-btn').text('CLICK AQUÍ'); // Now open the current iframe container iframeContainer.slideToggle(); // Change the button text $(button).siblings('.answer-btn').text('Content Displayed'); } } // Show the "CLICK AQUÍ" button only after a question is clicked $('.toggle-btn').click(function() { var answerButton = $(this).siblings('.answer-btn'); var contentVisible = answerButton.is(':visible'); // If the question was already clicked and content was visible, hide the button if (contentVisible) { answerButton.fadeOut(); } else { // Otherwise, show the "CLICK AQUÍ" button answerButton.fadeIn(); } // Toggle the "+" and "-" icon when clicking the question var icon = $(this).find('.toggle-icon'); if (icon.text() === "+") { icon.text("-"); } else { icon.text("+"); } });