JSFiddle - React, Tailwind, and code Playground

by mattography

HTML

<div class="iDevice">
iDevice 
</div>

<div class="android-view">
Android Device
</div>

<div class="desktop">
Desktop
</div>

JavaScript

$("#email").hide();
$(".iDevice").hide();
$('#checkbox').change(function () {
    $('#email').slideToggle();
});

if(navigator.platform === 'iPhone' || 'iPad' ){
    $(".iDevice").show();
    $(".android-view").hide();
    $(".desktop").hide();
}

else if(navigator.platform != 'iPhone' || 'iPad' && isAndroid == 'false'){
    $(".desktop").show();
    $(".iDevice").hide();
    $(".android-view").hide();
}

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
if(isAndroid) {
    $(".android-view").show();
    $(".iDevice").hide();
    $(".desktop").hide();
}