Buy me a coffee

Convert Text Link in Accordion to Clickable Link

By default, when you enter Link in Accordion, it will appear as a text and users can’t click on it.

You can follow these steps to make links clickable.

#1. First, add this code to Page Header Code Injection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(() => {
const list = $('.accordion-item__description p:contains("http")');
    for (let i=0; i<list.length; i++) {
        const link = $(list[i]).text()
        $(`<a href="${link}" target="_blank">${link}</a>`).insertAfter(list[i])
    }
for (let i=0; i<list.length; i++) {
        $(list[i]).remove()
    }
})
</script>

Conver Text Link In Accordion To Clickable Link 01 Min

#2. Just add a Link into Accordion, like this

Conver Text Link In Accordion To Clickable Link 02 Min

#3. Result

Conver Text Link In Accordion To Clickable Link 03 Min