This is totally untested but I expect it should look something like the
below.

Nathan

function initShowHideDivs() {
  $("div.breakbg").each(function(breakbgIndex) {
    this
      .click(showHideContent)
      .attr("id", "ssdm"+breakbgIndex)
//      .className=="ssdhead"
      .next("div")
        .attr("id", "ssds"+breakbgIndex)
        .css({"display":"none", "height":"1px"})
        .find("div").eq(0)
          .css("top", (0-contentDiv.offsetHeight)+"px"
          .addClass("ssdcontent")
          .attr("id", "ssdsc"+breakbgIndex);
  });
}

// I imagine this could be further jQuerified but, not knowing what your
needs are...
function showHideContent(e, inputId) {
  if (yatrassd_slideInProgress) return;

  yatrassd_slideInProgress = true;

  if ( ! inputId ) inputId = this.id;
  var numericId = inputId.toString().replace(/[^0-9]/g,"");
  var answerDiv = $("#ssds"     + numericId);
  var imgId     = $("#arrowimg" + numericId);

  objectIdToSlideDown = false;

  if (answerDiv.is(":visible")) {
     slideContent(numericId, (yatrassd_slideSpeed*-1));
     yatrassd_activeId = false;
     imgId.src="/yatra_blue-theme/images/hotel/ssdarrowdown.gif";

  } else {
    imgId.src="/yatra_blue-theme/images/hotel/ssdarrowdown.gif";

    if (yatrassd_activeId && yatrassd_activeId != numericId) {
      objectIdToSlideDown = numericId;
      slideContent(yatrassd_activeId,(yatrassd_slideSpeed*-1));
      imgId.src="/yatra_blue-theme/images/hotel/ssdarrowup.gif";

    } else {
      answerDiv.show();
      imgId.src="/yatra_blue-theme/images/hotel/ssdarrowup.gif";
      slideContent(numericId,yatrassd_slideSpeed);
    }
}

Reply via email to