Javascript Not Running Under Div?

I'm having a problem where the Javascript (file called Javascript.js) isn't working with my php page. Here's my javascript file: function weekPrice() { var weekPrice=0; va

Solution 1:

the problem lays here, you have "opacity: 0", delete that line and it appears to work. You may need to mess with some other styles, but thats why you're not seeing it.

You may not want to do that though because it is probably used somewhere else. the easiest fix though is to change your "totalPrice" div to a span, that will fix the problem because it wont match the below CSS

.content div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 100%;
    padding: 10px 40px;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    -ms-transition: all linear 0.1s;
    transition: all linear 0.1s;
}\

change it to this:

Total Price:<span class="totalPrice"> </span>