Not able to execute Jquery hide and show

Ashish

I am trying to hide and show p tag on two different button click but I am not able to get it .

Error I am getting :

  "Uncaught TypeError: Cannot call method 'addEventListener' of null", 
   source:file:///android_asset/www/js/index.js (48)

p1.html

<p id="hidep">If you click on the "Hide" button, I will disappear.</p>

<button id="hide" onclick="hideButton()">Hide</button>
<button id="show" onclick="hideButton()">Show</button>

index.js

 function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}


function onDeviceReady() {

document.getElementById('demo').addEventListener("click", printMsg, false);
document.getElementById('show').addEventListener("click", hideButton, false);
document.getElementById('hide').addEventListener("click", hideButton, false);
document.addEventListener("pause", onPause, false);
document.addEventListener("resume", onResume, false);
document.addEventListener("menubutton", onMenuKeyDown, false);

}

function hideButton(){
    $("#hide").click(function(){
        $("#hidep").hide();
   });
   $("#show").click(function(){
       $("#hidep").show();
   });

   }

Fran Diox

@Ashish Well, the error says Cannot call method 'addEventListener' of null. That means that either you misspelled the variable/object name or there is a timing issue and it is not ready yet. You need to find which line of code calling addEventListener throws the error.

Ashish

Ya I got the result actually the listener for id demo was not doing anything and when i removed that it started working Thanks again