SharePoint Ribbon "Page" tab selection - hide a div

Hi - I am customizing SharePoint 2013 master page and I introduced couple of custom divs #custom1, #custom2.

I wanted to hide the custom divs (#custom1 and #custom2) when clicked on "Page" tab of the ribbon. I know this can be done through jquery/java script, not sure. I appreciate any help.