I don't understand why this isn't working. =/

I don't understand why this isn't working. =/

So, here's my html code:

<body>
<h1 id = "clickThis">Click</h1>

<div id ="paragraphs">
              <p class="papers">
                   papers 
              </p>
               
              <p  class="other">
               other
              </p>
               
</div>

</body>

and here's my jquery code:

var paragraphs = $("#paragraphs").hide();
 
$("#clickThis").click(function() {
       $("#paragraphs p.papers").show();
      });


I want to hide everything in the id "paragraph" in the beginning, then call on certain section of the "paragraph" id(the "papers" class and "other" class) and show them, however I cant figure out whats wrong with my code. It's probably something really simple, but I am just not seeing it. =/