title: Active or Focus Effect on HTML< Ul> tag
body: <p>Here is a sample ul tag:</p>
  
  <pre><code>&lt;ul style="list-style-type:none; padding:5px ; border:solid 1px #666666;"&gt;
      &lt;li&gt;I am wating &lt;/li&gt;
      &lt;li&gt;I am wating &lt;/li&gt;
      &lt;li&gt;I am wating &lt;/li&gt;
      &lt;li&gt;I am wating &lt;/li&gt;
      &lt;li&gt;I am wating &lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <p>Is there any way with css or JavaScript  to set this Ul border different color when it is clicked or active ?
  And when I click in different place this effect gone . I was trying to make and search but not any good result came out .</p>
  
  <p>Js Fiddle Demo: <a href="http://jsfiddle.net/saifrahu28/YFF6P/" rel="noreferrer">http://jsfiddle.net/saifrahu28/YFF6P/</a></p>
  
  <p>No problem also if there is any jquery solution .</p>