Home/ Questions/Q 4607088
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T00:39:14+00:00

Im using wordpress to develop a site … I want to display everything in

  • 0

Im using wordpress to develop a site … I want to display everything in the first < p > < /p > tag and then wrap the rest of the content in a div, is this possible using jQuery?

to display the content im using the wordpress loop as follows:

query_posts(array('p' => 2, 'post_type' => 'page'));
while (have_posts()) { the_post();
    the_content();
}

Cheers,

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Styling the first paragraph would be cleaner, but if the intent is to encapsulate subsequent paragraphs in a container to hide them from view, then jQuery will allow you to do that. Sample code follows, your solution will obviously depend upon your particular setup.

    <html>
<head>
<title>Home</title>
<script type="text/javascript"
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
  $(function() {
    var first = $("body p:first");
    first.addClass("first");
    var rest = first.siblings('p');
    var container = $("<div class='container'></div>").append(rest);
    first.after(container);
  });
</script>
</head>
<body>
  <h1>Hello world!</h1>

  <p>Paragraph 1</p>

  <p>Paragraph 2</p>

  <p>Paragraph 3</p>

  <p>Paragraph 4</p>

</body>
</html>
    • 0