Slide in Panel WordPress Post

The reason why your query fails is the following.
You are finishing the loop before your cd-panel with

<?php  endwhile; wp_reset_postdata(); ?>

which is correct. However, after that you are simply using

<?php the_title(); ?>, <?php the_content(); ?>

which is just a single template tag, and in your case, outputs the title of the first post of the last category you’ve queried.

The solution:

  • You have to load the post content’s via a wp ajax call (on click on that accordeon tab), or

  • open up another loop before the cd-panel, get all posts and hide/show them with css

The second is more load heavy, but not that complicated.

Related Posts:

  1. Calling a method from functions.php on a click of a button
  2. Populate dropdown with Child Pages based on Parent Page chosen
  3. Noscript not working as it should in wordpress site
  4. Time Delay a URL Redirect for Specific Page
  5. WordPress User Meta value variable into Google Gauge Chart
  6. Adding HTML Code to Replace Text in PHP
  7. start_lvl Ignored in Custom walker_nav_menu
  8. Modify previous and next text from pagination links
  9. WordPress Infinite Scroll without using any plugin
  10. WordPress Ajax always returns a 404 error
  11. How to use WordPress (PHP) functions in AngularJS partials files?
  12. Understanding WordPress child theme custom JS loading
  13. Javascript code inside “” in core WordPress files .php
  14. HTML table from shortcode with multiple parameters
  15. Click loads template via ajax
  16. javaScript in section of WP API
  17. How to speed up admin-ajax.php in wordpress
  18. Placing raw HTML inside a WordPress shortcode
  19. Adding tawk.to code just before body tag on functions.php file
  20. How do I fetch all comments per post via WP REST API?
  21. Shortcode content output but not in correct place
  22. Show post in slider
  23. Add itemprop Schema.org Markup to li Elements in wp_nav_menu
  24. Removing unneccessary p-tags (Not every p)
  25. How do I display a user’s previous orders as a select box option on a product?
  26. Trigger popup in a php if/else statement
  27. Use menu link or onClick to set a variable
  28. Where in PHP do I move title and meta (date) to bottom of each blog section?
  29. Converting HTML Template to WordPress Theme
  30. How to store data from multiple forms using ajax and php
  31. Use DOMDocument with ob_start breaks my HTML code
  32. JS file work only in index page
  33. How to change redirection route to a php page for making it only accessible by logged-in members?
  34. dynamic dependent select dropdown
  35. Ajax load more button for comments wordpress
  36. parts of url disappear when using # inside href=”” [closed]
  37. Add .htm extention to a custom taxonomy
  38. How to make modifications only to certain elements of an HTML string on the server-side?
  39. Add Codepen animation as Preloader to WordPress
  40. Widget back end radio button issue
  41. HTML escaping data with ajax requests
  42. Override user-edit.php to design own profile page
  43. Why i can’t get custom fields value or post ID via Ajax?
  44. Adding function to child theme’s function.php
  45. How to reference PHP in Javascript
  46. How to use the checked() function to check for a non-empty var
  47. Calling function in loop causes repeat data
  48. Link to page with posts of specific type
  49. Is it possible to isolate and use WordPress functions outside of wordpress
  50. how to changes mobile menu toggle breakpoint in WordPress
  51. Cascading dropdown select search based on Parent Page & Child Page
  52. WordPress cascading dropdown selection search based on Parent Page & Child Page
  53. html form: redirect page after form completes submit function and posts data
  54. Cannot find the php_ini configuration file to find my error log to see why my code is not working
  55. Search bar for wp menu
  56. Executing php on button press
  57. Add other class content with reference class value
  58. PHP function for horizontal Woocommerce thumbnails and badges
  59. Gutenberg block don’t save rich text content
  60. Using Google Analytics in an enqueued JS file
  61. HTML comment cause issue in functions.php script root
  62. separate list of programs in html/javascript coming from php
  63. Remove span tags from WooCommerce Downloads page
  64. Trying to add some custom text into WordPress Post title via function.php
  65. How do I disable cache for a certain page?
  66. Update $wpdb query with AJAX
  67. WordPress Slider is not working
  68. Using Javascript On Page – Header and Footer Now Missing
  69. Adding extra data to shortcode attributes and pass it to JS with wp_localize_script
  70. Show subcategory name selected in specific category woocoommerce
  71. How to center all text body in single.php at once?
  72. sessionStorage saves input value in browser but it is not loaded in the form field
  73. Collapsible menu on post sidebar only expands and does not collapse
  74. How do I make comment-reply-button with that takes to comment reply form on click
  75. How can I get my pagination loop to display the correct number of total pages?
  76. How to call a function from functions.php with ajax?
  77. Custom Post type Ajax search results
  78. WordPress load javascript file if something… (after the page is loaded)
  79. wordpress all post filter by year
  80. Target a specific container to style on WordPress storefront theme
  81. Can’t get_users info by using json_encode
  82. scroll scrpit to particular button position to next id when click button
  83. Bootstrap Carousel Indicators Won’t Cycle On Custom WordPress Theme
  84. Show post/page into div using function
  85. Find the method which AJAX GET calls
  86. Display text of price (minus 20%) on every product page in a sentence.
  87. Where to find the html for WordPress site? [closed]
  88. I need help implement a Javascript code into the PHP file
  89. WordPress HTML Helper
  90. Help with my first Metabox helper class
  91. Cant get theme to change footer color through theme customizer
  92. Trouble figuring out how to get my button to submit comment
  93. how can I make content from a plugin hidden when user is logged in? [duplicate]
  94. How to hide .js files on wordpress website using php or wp plugins or any? [closed]
  95. Sorting Problem
  96. Add multiple HTML attributes to an Elementor button
  97. Load wp_editor on button click
  98. Slick slider not working on wordpress
  99. Show Login Errors In WordPress/Elementor (Code “works”, but breaks site)
  100. hiddenQuestions.find is not a function