toggle

toggle div and direction

by Shree Khanal

HTML

<label id="lbl1" class="toggle"> 1st</label>
<div id="divOne">
  त्यो नयाँ संविधानमा धर्म निरपेक्षताको समाप्ति थियो। तर दाहाल र देउवा दुवैले यसको सम्बोधन गर्न त सकेनन् नै, प्रत्यक्ष सहयोगमा आन्दोलनको रथ बोकिरहेका मधेसवादी दलको मागमा पनि यो कहीँकतै छैन। मुस्लिम, गैरहिन्दु जनजाति आदिको समर्थन गुम्ला भन्ने डरले उनीहरू
  यो एजेन्डामा प्रवेश चाहँदैनन्। आफ्नो एजेन्डासम्म उठाउन नसक्नेलाई खुला सहयोग भारतको प्रतिशोधपूर्ण प्रतिक्रियात्मक कूटनीतिको परिणाम मात्र थियो।
</div>
<label id="lbl2" class="toggle"> 2nd</label>
<div id="divTwo">
  यो अपमानबोधको परिणाम नेपाली जनताले ६ जनासम्म उपप्रधानमन्त्री बनाएर राज्यको ढुकुटी र सुशासनको दोहन गर्ने सरकारलाई सहेर बस्नुपरेको छ । नत्र 'गो ब्याक इन्डिया' नाराको सट्टामा यतिबेला प्रधानमन्त्री केपी शर्मा ओलीका ६ भाइ उपप्रधानमन्त्रीसहितको सरकारविरुद्ध
  आन्दोलन चर्कने निश्चित थियो।
</div>

JavaScript

//direction − The direction of the effect. Can be "left", "right", "up", //"down". Default is left.
 $(".toggle").click(function() {
    $(this).next('div').toggle("slide", {
      direction: 'slide'
    }, 750);
  });