css - How to make one button for open and close div, in this jquery code? -

  $ (दस्तावेज़) .ready (function () {$ ('# content1')। Hide (); $ ('A # open') क्लिक करें (फ़ंक्शन () {$ ('# content1')। शो ('धीमी');}); $ ('a # close')। क्लिक करें (फ़ंक्शन () {$ ( '# Content1')। छुपाएं ('धीमी');})});  

इस खुले और बंद करें बटन के कोड में अलग है

& lt; a & gt; और & lt; id = " बंद करें "& gt;

मैं खुले और बंद होने के लिए समान बटन & lt; a & gt; बनाना चाहता हूं और खुले और नज़दीकी स्थिति के लिए अलग पृष्ठभूमि छवि देना चाहता हूं

  $ ('a')। क्लिक करें (फ़ंक्शन () {$ ('# content1') .slideToggle ();});  

यदि आप अपनी सीएसएस बदलना चाहते हैं, तो आप इसे निम्नलिखित तरीके से लिख सकते हैं।

  $ ('a')। फ़ंक्शन () (यदि ($ ('# content1')। है (": दिखाई")) {// अपने सीएसएस को यहां बदलें // जैसे। $ (# Content1)। Css ('background-image', first_image) ; $ ('# Content1')। ('धीमी') को छिपाने के लिए;} else {// अपने सीएसएस को यहां परिवर्तित करें // उदा। $ (# Content1) .css ('background-image', second_image); $ (' # Content1 ')। शो (' धीमी ');}});