Here, I will be demonstrating on showing or hiding a div when a link is clicked. I have done this with Javascript and CSS.
I have called showHideDiv() Js function when the link is clicked. The display of the div where content is present, is visible or hidden on each click. For this, CSS styling is used (display: none).

Suppose you want to show your google adsense in the top-left side of your post. If you simply put your adsense code in the single post page (single.php) of wordpress then the text of your post will appear below the adsense.
To solve this problem, I used stylesheet property called ‘margin’. The example below is from single.php file of my wordpress theme. The adsense code is kept in between the

CSS Syntax Introduction
The CSS syntax is made up of three parts: a selector, a property and a value:
selector {property: value}