JSFiddle - React, Tailwind, and code Playground

by webxz

HTML

<img src="foto1.jpg" width="310" height="102" />
<li class="zaproszena"></li>

<img src="foto2.jpg" width="310" height="102" />
<li class="zaproszena"></li>

<img src="foto3.jpg" width="310" height="102" />
<li class="zaproszena"></li>

JavaScript

$("<span/>", {
	"class": "ajaxx plus",
	text: "развернуть форму запроса",
    click: function() {change_t( $(this) )} ,
}).appendTo(".zaproszena");

function change_t(_this){
	_this.next(".bigspisoktable").slideToggle("slow");
    _this.toggleClass('minus plus');
	 if ( _this.hasClass('minus') ) {
		_this.text('свернуть форму запроса');
	} else {
		_this.text('развернуть форму запроса');
	};      
};