Skip navigation
2wsx3edc
Currently Being Moderated

Help.. JQuery plugin & CSS

Jun 19, 2013 10:48 PM

I was trying to change the color when I hover to the apple. Is there a way to change the color and margin if I want to move "apple" further from left? Not sure if my CSS is correct, but it doesn't display the color and margin I want.....help..

 

Below is the sample code.

 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!--[if lt IE 8]>

        <script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>

    <![endif]-->

    <script src="js/danielstocks-jQuery-Collapse-7ea0f00/src/jquery.collapse.js"> </script>

    <script src="js/danielstocks-jQuery-Collapse-7ea0f00/src/jquery.collapse_cook ie_storage.js"></script>

    <script src="js/danielstocks-jQuery-Collapse-7ea0f00/src/jquery.collapse_stor age.js"></script>

</head>

 

 

<body>

<div id="demo" data-collapse="accordion persist">

  <p>Fruits</p>

  <ul>

    <li><style="color: rgba(255,255,255,1)"><a href="fishpeanut.html" target="_blank">apple</a></li>

    <li>Pear</li>

    <li>Orange</li>

  </ul>

  <h2>Hint</h2>

  <ul>

    <li>Apple</font></li>

    <li>Pear</li>

    <li>Orange</li>

  </ul>

  <h2>Third</h2>

  <p>Just a paragraph here</p>

</div>

 

 

</body>

</html>

 
Replies
  • Currently Being Moderated
    Jun 19, 2013 11:34 PM   in reply to 2wsx3edc

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Untitled Document</title>

    <style>

    ul.fruits a {

        color: black;

    }

    ul.fruits a:hover {

        color: red;

        margin-left: 15px;

    }

    </style>

    </head>

     

    <body>

    <p>Fruits</p>

    <ul class="fruits">

      <li><a href="fishpeanut.html">apple</a></li>

      <li>Pear</li>

      <li>Orange</li>

    </ul>

    <h2>Hint</h2>

    <ul>

      <li>Apple</font></li>

      <li>Pear</li>

      <li>Orange</li>

    </ul>

    <h2>Third</h2>

    <p>Just a paragraph here</p>

    </body>

    </html>

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 24, 2013 11:28 PM   in reply to 2wsx3edc

    Great to see that your answer was helpful.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (1)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points