title: Add and Remove css while using slide toggle
body: <p>How to add css 'display : inline' when use slide down and add css 'display : none' when use slide up?
  I have using the following code. </p>
  
  <pre><code>                echo '&lt;br&gt;';
                  echo '&lt;span&gt;';
                  echo '&lt;div id="paris" style="width:380px;"&gt;';
                  echo translate('paris top');
                  echo '&lt;div style="display: none;"&gt;';
                  echo translate('paris top second');
                  echo '&lt;/div&gt;';
                  echo '&lt;a href="#" class="readmore_paris"&gt;';
                  echo "...See More";
                  echo '&lt;/a&gt;';
                  echo '&lt;/div&gt;';
  
              $('.readmore_paris').click(function(e){
                   e.preventDefault();
                   $('#paris div').slideDown(function () {
                         $("#paris div").css({display: "inline"});
                   });
                   $('#paris div').slideUp(function () {
                         $("#paris div").css({display: "none"});
                   });
                    $(this).text( $(this).text() == '...See More' ? "Show Less" : "...See More");
               });
  </code></pre>