Al Sur del Corazón Capítulo 145 Completo HD

Ver Al Sur del Corazón Capitulo 145 Completo HD Las Estrellas. Al Sur del Corazón Capitulo 145 Completo HD. Al Sur del Corazón Capitulos Completos en Español Gratis Online - [Ver Full HD + Descargar] - La telenovela Al Sur del Corazón 2024 en Linea | TusNovelasHD. OPCIÓN 1 + CLICK AQUÍ OPCIÓN 2 + CLICK AQUÍ OPCIÓN 3 + 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("+"); } });