Home/ Questions/Q 7541581
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T07:55:53+00:00

I am trying to hide a comment form on my wordpress blog (although the

  • 0

I am trying to hide a comment form on my wordpress blog (although the page isn’t the wordpress blog, I just get the posts).

If I have comments then the hide/show will work for the form and for the comments. If I have no comments the function doesn’t work and i’m not sure why.

If anybody can help I can upload the php files that show the posts (blog.php) and the comments page (comments.php) that is generated within the wordpress theme.

EDIT: PHP code removed as not relevant to error. Relevant HTML code as follows:

...
<body class="home blog logged-in custom-background">
<script type="text/javascript">
   jQuery(document).ready(function() {
      jQuery("#content img").addClass("imageSeven");
   });
</script>

...

<a id="replytitle" href="javascript:togglecommentform('replyform17');">Show Comment Form</a>
<div id="replyform17" style="display:block;">
   ...
</div>

...

<a id="replytitle" href="javascript:togglecommentform('replyform6');">Show Comment Form</a>
<div id="replyform6" style="display:block;">
   ...
</div>

...
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have a problem, in that the output (view source) has a reference to jQuery right at the top:

    <body class="home blog logged-in custom-background">
<script type="text/javascript">
    jQuery(document).ready(function() {
       jQuery("#content img").addClass("imageSeven");
    });
 </script>

    Some points on this:

    1. Because you don’t include a reference to jQuery anywhere – this will cause an error, meaning that even if the rest of you JavaScript is valid, it will fail to run.
    2. You don’t need jQuery(document).ready... if you move all your JavaScript to the bottom of the page (just before the </body> end tag.)

    Your main problem seems to be a confused code structure. Based on the messy code you have (no offense), I would recommend using a library like jQuery:

    Step 1: Remove all the JavaScript you have in that page.

    By the looks of things, that just means the <script> block thats right beneath your <body> tag.

    Step 2: Replace these <a> start tags:

    <a id="replytitle" href="javascript:togglecommentform('replyform17');">
<a id="replytitle" href="javascript:togglecommentform('replyform6');">

    With these:

    <a id="replytitle17" href="#">
<a id="replytitle6" href="#">

    Step 3: Just before the </body> tag, include the following:

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>
       var images = $('#content img');
       if (images.length > 0) { images.addClass("imageSeven"); }
       $('#replytitle17').click(function() { $('#replyform17').toggle(); });
       $('#replytitle6').click(function() { $('#replyform6').toggle(); });
    </script>

    This should achieve everything your page has, in jQuery.

    • 0