JSFiddle - React, Tailwind, and code Playground

by Yasser B.

HTML

<div data-role="page" id="p1">

        <img style="width:800px; height:200px" src="http://www.parismania.fr/wp-content/uploads/2013/01/Didot_Matuidi.jpg" class="img-responsive" > <br><h4 align="left" style="color:#E49B0F; padding-left:10px;"> 111111111 </h4> <div> <h5 style="padding-left:10px; padding-right:10px;"> Touchée à la cheville droite la semaine passée, la milieu de terrain Sandie Toletti (Montpellier) ne sera pas opérationnelle pour la Coupe du Monde au Canada (6 juin au 5 juillet). C'est sa coéquipière au MHSC Marina Makanza qui la remplace.<br\/><br\/>Communiqué de la FFF\ <br\/>Dimanche 3 mai dernier, lors du match de D1 féminine entre Juvisy et Montpellier, Sandie Toletti s’est blessée à la cheville droite.<br\/> <br\/>Les staffs médicaux du HSC Montpellier et de l’Equipe de France féminine ont constaté son indisponibilité pour une longue durée. D’un commun accord, ils ont laissé la milieu de terrain à la disposition de son club.<br\/>Retenue parmi les sept réservistes pour la prochaine Coupe du Monde féminine (6 juin - 5 juillet au Canada), elle est remplacée par Marina Makanza (HSC Montpellier).<br\/> <br\/>À l’exception des joueuses du Paris SG, qui disputeront jeudi la finale de la Ligue des Champions, les Tricolores entameront demain (lundi) au Centre National du Football (CNF) à Clairefontaine (Yvelines) leur préparation pour la Coupe du Monde de la FIFA.
        
        Touchée à la cheville droite la semaine passée, la milieu de terrain Sandie Toletti (Montpellier) ne sera pas opérationnelle pour la Coupe du Monde au Canada (6 juin au 5 juillet). C'est sa coéquipière au MHSC Marina Makanza qui la remplace.<br\/><br\/>Communiqué de la FFF\ <br\/>Dimanche 3 mai dernier, lors du match de D1 féminine entre Juvisy et Montpellier, Sandie Toletti s’est blessée à la cheville droite.<br\/> <br\/>Les staffs médicaux du HSC Montpellier et de l’Equipe de France féminine ont constaté son indisponibilité pour une longue durée. D’un commun accord, ils...

JavaScript

var newsnum=10;
var i=1;
 $("body").on("swipeleft",function(){
 if (i<newsnum) {
 
 i++;
 
   $.mobile.changePage('#p'+i, {
       allowSamePageTransition :true,
            transition: "fade"
       

        });
     
        
               }


  });     
   $("body").on("swiperight",function(){
   if (i>1) {

   i--;
   $.mobile.changePage('#p'+i, {
            allowSamePageTransition :true,
            transition: "fade",
            reverse: true
    
        });
        }

  });