JSFiddle - React, Tailwind, and code Playground

by agus makmun

JavaScript

$(document).ready(function(){

		$('.preview').each(function(){
			$(this).bind('click', function(e){
				var default_background = 'url(http://subtlepatterns.com/images/transp_bg.png)'
				var preview_background = $(e.target).closest('.entry-content').find('.patternpreview').css('background-image')

				// Turn on preview
				if($(this).text() == 'Preview'){
					$('.preview').text('Preview')
					$(this).text('Stop preview')
					$('body').css('background', preview_background)

				// Turn off preview
				}else if($(this).text() == 'Stop preview'){
					console.log("Disable");
					$(this).text('Preview');
					$('body').css('background', default_background);
									}
			})
		})
	})