Slidetoggle-issue

Slidetoggle-issue

Hi dudes ;)
I got a "issue" here with slidetoggle()..

Lets say i have a div with some font awesome ocins.
when i clicked them text slides up/down in this div.
-and that's "no worries"
  1. <div id="textbox">
        <li class="something"><i class="fa fa-something"></i></li> | 
        <li class="somethingelse" <i class="fa fa-somethingelse"></i></li>
     </div>
    

and when icon 1 or 2 are clicked it toggle some text:

    <p id"text1">text1</p> or <p id="text2">text2</p>

and the jquery i use for toogle different content when clicked, is :

  1.     $(function() {
        $('.something').click(function(e) {
           $('#text1').slideToggle(1800);
         });
        });
             
               
         $(function() {
         $('.somethingelse').click(function(e) {
         $('#text2').slideToggle(1800);
         });
        });
    

And it works like a charme, when a icon is clicked.. BUT..

but if I don't "close" the toggle by clicking on the icon (the one i clicked to "display" the p) but click the other icon, it toggle the next on top of the one who is already showing..

Sooo, do you guys know if there is posible to make the the text who is already showing to toggle-close automatic (when other icon is clicked) BEFORE it toggle the content of the second one.. 

 /best regards