Tengo un código cshtml como este
<span class="p1"> Breaking India: Western Interventions in Dravidian and Dalit Faultlines is a book written by Rajiv Malhotra and Aravindan Neelakandan which argues that India's integrity is being undermined <button class="More">..Show More</button> </span>Cuando se presiona el botón dentro del lapso, mostrará todos los caracteres. Si lo pulsamos de nuevo, aparecerán 100 caracteres. ¿Cómo puedo hacerlo?
Puede usar un detector de eventos y establecer el padre en el texto completo de esa manera cuando hace clic en el botón
const fullText = 'Breaking India: Western Interventions in Dravidian and Dalit Faultlines is a book written by Rajiv Malhotra and Aravindan Neelakandan which argues that India\'s integrity is being undermined and some more' // get the more buttons const buttons = document.getElementsByClassName('More'); // attach an click event listener Object.values(buttons).forEach(button => { button.addEventListener('click', (event) => { // onclick set the parents content to the fullText event.target.parentNode.textContent = fullText }) }) <span class="p1"> Breaking India: Western Interventions in Dravidian and Dalit Faultlines is a book written by Rajiv Malhotra and Aravindan Neelakandan which argues that India's integrity is being undermined <button class="More">..Show More</button> </span>