Demo CSS :target

by Taufik Nurrohman

HTML

<div id="alam"></div>
<div id="other"></div>
<br>
<a href="#alam">Target!</a> - <a href="#other">Other!</a>

CSS

body {
  text-align:center;
}

div {
  background-color:black;
  width:200px;
  height:200px;
  display:inline-block;
  margin:10px;
  -webkit-transition:background-color 1s ease-out;
  -moz-transition:background-color 1s ease-out;
  -ms-transition:background-color 1s ease-out;
  -o-transition:background-color 1s ease-out;
  transition:background-color 1s ease-out;
}

div:target {
  background-color:yellow;
}

JavaScript

$(function() {
        $( "#accordion" ).accordion({
            collapsible: true,
            active: false
        });
        
    });