Home/ Questions/Q 7038923
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T01:44:05+00:00

Any ideas why this doesnt work in my php document? When i tested this

  • 0

Any ideas why this doesnt work in my php document?
When i tested this on jsfiddle, everything worked fine.

<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $("a").click(function() {
            $("div.info").hide();
            $("div." + this.className).show();
        });
    </script>
</head>

<body>
    <div class="shipping-container">
        <a href="#" class="ups">Show UPS info</a>
        <a href="#" class="fedex">Show Fedex info</a>
        <div class="ups info" style="display:none">the info for ups</div>
        <div class="fedex info" style="display:none">Who let the dogs out</div>
    </div>
</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are running the script before the link element exists.

    In jsfiddle the code is by default placed in an event that runs after the document is loaded. Use the ready event to do this in your code:

    <script type="text/javascript">
$(document).ready(function(){
  $("a").click(function() {
    $("div.info").hide();
    $("div." + this.className).show();
  });
});
</script>
    • 0