How to open close div with transition effect in php page?
<p>I want to add some transition like slidedown, fadein using jquery. when someone clicks on a title city. it opens with effect. I am trying it with jquery but it won't work. Any solution that where i am wrong or solution with css ?</p>

<p>Java Script Code :</p>

<pre><code>&lt;head&gt;
 &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
 &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
//------------------- Jq used to show/open single div when click on title link -----------
function showDiv(obj) 
{
  $('.CityDivInner').css('display','block');
  var div = $(obj).find('.CityDivInner').css('display','none');
}
&lt;/script&gt;
&lt;script&gt; 
$(document).ready(function(){
$(".CityDivOuter").click(function(){
    $(".CityDivInner").slideDown("slow");
});
});
&lt;/script&gt;
</code></pre>

<p>Css Code :</p>

<pre><code>&lt;style&gt;
.CityDivInner
{
 display:none;
}
&lt;/style&gt;
&lt;/head&gt;
</code></pre>

<p>Php Code :</p>

<p></p>

<pre><code>&lt;?php
 $link = mysqli_connect("localhost", "root", "", "test");
 // Check connection
 if($link === false)
 {
   die("ERROR: Could not connect. " . mysqli_connect_error());
 }
 // Attempt select query execution
   $sql = "SELECT * FROM sample";
   if($result = mysqli_query($link, $sql))
   {
     if(mysqli_num_rows($result) &gt; 0)
   {
    echo "&lt;div class='cityContainer'&gt;";
    while($row = mysqli_fetch_array($result))
    {
       echo "&lt;div class='cityContainerInner' style='border: 2px solid black;' &gt;
        &lt;p class='CityDivOuter' onclick='showDiv(this);'&gt;City&lt;/p&gt;
        &lt;div class='CityDivInner' style='border: 1px solid black;'&gt;
        &lt;p class='CityTitle'&gt;". $row['UserCity'] ."&lt;/p&gt;
        &lt;/div&gt;
        &lt;/div&gt;&lt;/br&gt;";
    }
    echo "&lt;/div&gt;";
    // Close result set
    mysqli_free_result($result);
   } 
   else
   {
    echo "No records matching your query were found.";
   }
  } 
  else
  {
    echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
  }
  // Close connection
  mysqli_close($link);
 ?&gt;

 &lt;/body&gt;
</code></pre>

<p><a href="https://i.stack.imgur.com/dPcSa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dPcSa.png" alt="Div Close"></a>
<a href="https://i.stack.imgur.com/QTh35.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QTh35.png" alt="Div Open"></a></p>