JQuery missing : after property ID

Question

So I am working with some jquery code to do a simple hide of a p and a show of a p. I am simple adding a class called showp and showing it while making sure the others are not shown by hiding them first. But I keep getting an error missing : after property ID. Any help would be greatly appreciated.

    $(document).ready({
    $("#phone").click(function(){
        $(".hide2").addClass(".hide2").hide("slow");
        $(".hide3").addClass(".hide3").hide("slow");
        $(".hide1").addClass("showp").show("slow");
    });
});

Answer 1

Try this:

$(document).ready(function() {
    $("#phone").click(function() {
      $(".hide2, .hide3").hide();
      $(".hide1").show();
    });
});

Answer 2

Change this:

$(document).ready({

To this

$(document).ready(function(){

Answer 3

Your document ready is invalid.

$(document).ready(function() {
  // stuff here.
});

Or better yet, a shorthand:

$(function() {
  // stuff here.
});