when i click the button every thing is closed, why it is happening?
<p>on my site when i click the hidden costum area button everything is closed. </p>

<p>i dont want to close them when i click this button. but they are closed. </p>

<p>what sould i do for it.</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;style&gt;
  p { background:red; }
&lt;/style&gt;
  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
  &lt;p&gt;

It is a long established fact that a reader will be distracted. The point of using Lorem Content is here...

  &lt;/p&gt;
  &lt;p&gt;
  &lt;span&gt;Mr [Name], [Surname]&lt;/span&gt;
  &lt;a href="http://www.mobilyala.com" /&gt;
       &lt;img src="http://www.mobilyala.com/home.png" alt="Home" /&gt;
   &lt;/a&gt;
   Welcome to our website. You can read all about our services. We are working on dekorasyon

   &lt;button&gt;Hidden Custom Area&lt;/button&gt;

&lt;/p&gt;
&lt;script&gt;
  $("button").click(function () {
    $("p").empty();
  });
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
