Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/10/2014, 18:51
diurno10
(Desactivado)
 
Fecha de Ingreso: abril-2013
Ubicación: rosario
Mensajes: 248
Antigüedad: 11 años
Puntos: 17
Respuesta: Cambiar background-image de div que despliega otro div con toggle()

Bueno aca te dejo el codigo pero funciona a medias xq no entendi q deberia hacer cuando hace scroll, pero el toggle del boton funciona, probalo y me avisas.
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $('#btn-toggle').click(function(){
  3.         console.log($('#fixed-container').is(':hidden'));  
  4.         if($('#fixed-container').is(':hidden')){
  5.             $('#btn-toggle').css('background-image', 'url(flecha-arriba.png)');
  6.         }else{
  7.             $('#btn-toggle').css('background-image', 'url(flecha-abajo.png)');         
  8.         }
  9.         $('#fixed-container').slideToggle('slow');
  10.        
  11.     });
  12.    
  13.     $(window).scroll(function () {
  14.         if ($(this).scrollTop() > 2000) {
  15.             $('#btn-toggle').fadeIn();
  16.         }else{
  17.             $('#btn-toggle').fadeOut();
  18.         }
  19.     });
  20.    
  21.     $(window).scroll(function () {
  22.         if ($(this).scrollTop() < 2000) {
  23.             $('#fixed-container').slideDown();
  24.             $('#btn-toggle').css('background-image', 'url(flecha-arriba.png)');
  25.         }
  26.     });
  27. });