www.webdeveloper.com
Results 1 to 2 of 2

Thread: Toggle contact arrow button when div is visible/hidden

  1. #1
    Join Date
    Feb 2012
    Posts
    12

    Toggle contact arrow button when div is visible/hidden

    I am trying to get my contact button to display the arrow pointing down when it is hidden and display pointing up when the contact div is toggled down. For some reason i am brain stumped over this but i would be greatly appreciative if someone could help me out with this.



    http://www.travismichael.net/new_tmdesigns/index.php

  2. #2
    Join Date
    Feb 2012
    Location
    Tallahassee, FL
    Posts
    280
    Remove the CSS that is causing the image to change and put it in with the jQuery.
    Code:
    $(".contact-btn h3").css("background","url(images/toggleArrow.png) no-repeat right");
    When the div is extended and
    Code:
    $(".contact-btn h3").css("background","url(images/toggleArrow.png) no-repeat left");
    When div is collapsed.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles