Need help with scrolling to a certain div
Hi,
I have html like this:
<style type="text/css">
#TourDetailItineraries {
height: 500px;
width: 400px;
overflow: auto;
border:1px solid #333;
}
<div id="TourDetailItineraries">
<div class="ItineraryAlt" id="TourDetailItinerary1">
</div>
<div class="Itinerary" id="TourDetailItinerary2">
</div>
<div class="ItineraryAlt" id="TourDetailItinerary3">
</div>
<div class="Itinerary" id="TourDetailItinerary4">
</div>
</div>
The server side script will populate 4 inner div with contents from database so they will have different length. I need help to create a function to take a number as parameter and scroll the corresponding div to the very top, e.g. scrollToItinerary(3) will scroll TourDetailItinerary3 to the top and TourDetailItinerary1 and TourDetailItinerary2 will be invisible.
TIA