Q:

On click remove/add of classes.

Okay, So what I want is if you click class .bookclick, another class called .book will change. Everything worked when I did: 
  $(".book").click(function(){
    if ( $(this).hasClass('Offline') )   $(this).removeClass('Offline').addClass('Activebook');
    else    $(this).addClass('Offline')
  })

but, this messes with some links within the content.(if I click anywhere within .book, it changes and interferes with the functionality of the links.)
I tried to do this, but it does not quit work. 
  $(".bookclick").click(function(){
    if ( $('.book').hasClass('Offline') )   $(this).removeClass('Offline').addClass('Activebook');
    else    $('.book').addClass('Offline')

 })

Here is the fiddle of the entire website:
https://jsfiddle.net/e3aqnwb8/
Hopefully someone will see the mistake I made! Thanks so much in advance! 

A:

looks like you forgot to replace one of the thiss with .book
  $(".bookclick").click(function(){
if ( $('.book').hasClass('Offline') )   $('.book').removeClass('Offline').addClass('Activebook');
else    $('.book').addClass('Offline')

})

