JSFiddle - React, Tailwind, and code Playground

by Daniele Cedro

CSS

#serv_uno, #serv_due, #serv_tre, serv_no {
	height: 30px;
	overflow: hidden;
}

JavaScript

//integrare nella head in growingApp.html
$(document).ready(function(){
    var deviceType = (navigator.userAgent.match(/iPad/i))  == "iPad" ? "iPad" : (navigator.userAgent.match(/iPhone/i))  == "iPhone" ? "iPhone" : (navigator.userAgent.match(/Android/i)) == "Android" ? "Android" : (navigator.userAgent.match(/BlackBerry/i)) == "BlackBerry" ? "BlackBerry" : "null";
    alert(deviceType);    
    localStorage.setItem('tipoDispositivo',deviceType);
    preloader();
    my_promo();
setInterval(function(){
	ticker()
  }, 3500);
});

//funzioni.js
////////////////////  my promo ////////////////////////
function my_promo(){
//alert('avvio  funzione my promo');
$('#elenco_S1').empty();
$('#elenco_S2').empty();
$('#elenco_S3').empty();
var serv = JSON.parse(localStorage.getItem('valori_checked'));
var S1 = serv[0];
var S2 = serv[1];
var S3 = serv[2];
	$.ajax({
			url: api_promo,
			type: "POST",
			data:{
				serv1:S1
			},
            dataType: "json",
            success:function(data){
			if(data.count > 0 )
            {
            var tr='';
            $.each(data.content, function(key, value ){ 
                tr = $("<li class='mioID' id='"+ value.id +"'>");
                // tr.append("<li class='mioID' id='"+ value.id +"'>");
                tr.append("<div class='cont_photo'><img class='foto_f img-responsive' src='" + value.foto + "'></div>");
                tr.append("<div class='descrizione_promo'>" + value.titolo + "<h2>" + value.prezzo + "</h2></div></li>");
                $('#elenco_S1').addClass('ombra_ul').append(tr);  
             });
                $('#elenco_S1').prepend("<li class='text-center'><h3><ul id='serv_uno' class='list-unstyled tiker'><li><a href='S1.html'>" + S1 + "</a></li> <li><a href='S1.html'>CLICCA QUI</a></li> <li><a href='S1.html'>SCOPRI LE OFFERTE</a></li> </ul></h3></li>");
            }// se non ci sono valori  quindi ho letto tutti i dati della tabella blocco la funzione//
                else {
                    ...