JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="ISO-8859-1"?>

<hr/>
Your source:
<hr/>

<events>
<event>
    <date>
        <weekday>ven</weekday>
        <day>15</day>
        <month>feb</month>
    </date>
    <place>
        <name>Blue Sound</name>
        <city>Nola</city>
        <address>Corso Italia 7</address>
    </place>
    <band>
        <name>Random Jazz 6some</name>
        <link>http://randomjazz6.ran</link>
        <members>
            <drummer> Random Drummer </drummer>
            <vocal> Random Vocalist </vocal>
            <bass>Random Bassist</bass>
            <guitar>Random Guitar</guitar>
            <keys>Random keyboarder</keys>
            <other>Random otherist</other>
        </members>
    </band>
    <description>event description here</description>
</event>    
</events>

<hr/>
The result:
<hr/>

<div id="side_dates"></div>
<div id="event_content"></div>

JavaScript

$(document).ready(function () {

    var xmlsrc = jQuery('event');

    whole_date = xmlsrc.find('weekday').html() + ' '
               + xmlsrc.find('day').html() + ' '
               + xmlsrc.find('month').html();

    var sideVoice = '<a class="date">' + whole_date + '</a>';

    jQuery("#side_dates").html(sideVoice).on('click',   
      function() {    jQuery('#event_content').html(xmlsrc.find('description').html());
      }
    );
});