Sé que el título no es el más descriptivo y hay muchos más temas con preguntas similares como esta, pero no pude encontrar ninguna respuesta. De hecho, llegué tan lejos gracias a ustedes, así que esto es lo que estoy tratando de hacer.

Tengo un DIV que quiero mostrar cuando la página se desplaza a una determinada posición (disparador), marcada con#othdiv. Este DIV desaparece cuando se desplaza más hacia abajo a la siguiente posición (disparador) marcada como# othdiv2.

Esto se siente como si fuera una solución muy simple pero simplemente no puedo entenderlo. He intentado sentencias condicionales if, duplicación de códigos, eliminación de líneas, nuevas variables ... suspiro ... por favor ayuda.

$(document).ready(function() {
$("#dvid").hide(); //hide your div initially
var topOfOthDiv = $("#othdiv").offset().top;
var topOfOthDiv2 = $("#othdiv2").offset().top;
$(window).scroll(function() {
    if($(window).scrollTop() > topOfOthDiv) { //scrolled past the other div?
        $("#dvid").show(); //reached the desired point -- show div
    }
        else
    if($(window).scrollTop() < topOfOthDiv) { //scrolled past the other div?                
        $("#dvid").hide(); //reached the desired point -- show div            
    }           
    });
});

Ejemplo de código actual:http://jsfiddle.net/DnJ2z/124/

En pocas palabras: estoy tratando de hacer algo similar a esto:http://mailchimp.com/2012/ (note los títulos [la aplicación, soporte, operaciones, etc.))