<link rel="stylesheet" type="text/css" href="/Users/Alireza/Desktop/Index.css" />
        <script src=""></script>
        <script type="text/javascript" src="/Users/Alireza/Desktop/Index.js"></script>

The CSS:

    height: 100px;
    width: 100px;
    background-color: red;
    border: 4px dashed #00FF00;

The jQuery:


Please help me. I really don't know why it isn't working. Go ahead and try the code if it helps you. Thank you, in advance.

What was the problem and how did you fix it?

Well, whenever I clicked on the <div>, it wouldn't do anything. So, I updated the link and gave the <div> a class of "div". That was so the effect specifically, and only, acted on the one <div>. Updating to the newest version of the jQuery UI also helped.

This question has already been answered. Start a new discussion instead.