jQuery addClass example

Change class name on click in jQuery

by shelukhin89

HTML

<div class="poloska"></div>

<script>
  $('.poloska').click(function(){
    var p = parseInt($(this).css('left'))*100/$('body').width();
    p >= 50 ? $(this).animate({left:'5%'},500) : $(this).animate({left:'95%'},500);
  });
</script>

<style>
  body {
    background: #20262E;
    padding: 20px;
    font-family: Helvetica;
  }

  .poloska{
    position:absolute;
    top:0;
    bottom:0;
    left:70%;
    width:10px;
    background-color:#ffffff;
    cursor:pointer;
  }
</style>