jQuery में fadeToggle विधि

विधि fadeToggle विधि slideToggle के समान ही काम करती है, यह भी प्रभावों को बारी-बारी से लागू करती है: तत्व को कभी दिखाती है, तो कभी छुपाती है।

उदाहरण के लिए, हम एक ही बटन पर क्लिक करके तत्व को दिखा और छुपा सकते हैं। आइए निम्नलिखित HTML कोड पर इस विधि को लागू करें:

<button id="toggle">click me</button>
<div id="elem">text...</div>

मान लें कि CSS इस प्रकार है:

#elem {
	padding: 10px;
	width: 150px;
	height: 150px;
	border: 1px solid green;
	margin-top: 10px;
}

निम्नलिखित Javascript कोड लिखते हैं:

$('#toggle').click(function() {
	$('#elem').fadeToggle(1000);
});