Pobre novio Peru Capitulo 2 Completo HD

Ver Pobre novio Peru Capitulo 2 Completo HD Latina. Pobre novio Peru Capitulo 2 Completo HD. Ver Pobre novio Peru Capitulos Completos en Español Gratis Online – [Ver Full HD + Descargar] – La telenovela Pobre novio Peru 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("+"); } });

Pobre novio Peru Capitulo 2 Completo HD

TusnovelasHD

Leave a Reply Cancel reply

TusnovelasHD

Related Articles

Pobre novio Peru Capitulo 1 Completo HD

Pobre novio Peru Capitulo 3 Completo HD

Leave a Reply Cancel reply