While i only have a minute to help, i can point out quickly that
var divs = document.getElementsByTagName('DIV');
var divCounter = 1;
for(var no=0;nodivs.length;no++){
if(divs[no].className=='breakbg'){
divs[no].onclick = showHideContent;
divs[no].id = 'ssdm'+divCounter;
...
}
}
Can be
$(div.breakbg).each(function(i) {
var $div = $(this).attr(id, ssdm + (i + 1)).click
(showHideContent);
// you can now use jQuery object $div to reference the rest
});
And keep in mind one thing like the reply above almost says: jQuery
*is* JavaScript... that seems to get over looked a lot
On Jan 13, 4:48 am, modestmj amdmuja...@gmail.com wrote:
Hello everyone...I'm really new to jQuery..I have an urgent requirement to
convert this javascript to jQuery...So please...try to help me with this..
function initShowHideDivs()
{
var divs = document.getElementsByTagName('DIV');
var divCounter = 1;
for(var no=0;nodivs.length;no++){
if(divs[no].className=='breakbg'){
divs[no].onclick = showHideContent;
divs[no].id = 'ssdm'+divCounter;
var answer = divs[no].nextSibling;
while(answer answer.tagName!='DIV'){
answer = answer.nextSibling;
}
//divs[no].className=='ssdhead';
answer.id = 'ssds'+divCounter;
contentDiv = answer.getElementsByTagName('DIV')[0];
contentDiv.style.top = 0 - contentDiv.offsetHeight +
'px';
contentDiv.className='ssdcontent';
contentDiv.id = 'ssdsc' + divCounter;
answer.style.display='none';
answer.style.height='1px';
divCounter++;
}
}
}
function showHideContent(e,inputId)
{
if(yatrassd_slideInProgress)return;
yatrassd_slideInProgress = true;
if(!inputId)inputId = this.id;
inputId = inputId + '';
var numericId = inputId.replace(/[^0-9]/g,'');
var answerDiv = document.getElementById('ssds' + numericId);
var imgId = document.getElementById('arrowimg'+ numericId);
objectIdToSlideDown = false;
if(!answerDiv.style.display || answerDiv.style.display=='none'){
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.style.display='block';
answerDiv.style.visibility = 'visible';
imgId.src='/yatra_blue-theme/images/hotel/ssdarrowup.gif';
slideContent(numericId,yatrassd_slideSpeed);
}
}else{
slideContent(numericId,(yatrassd_slideSpeed*-1));
yatrassd_activeId = false;
imgId.src='/yatra_blue-theme/images/hotel/ssdarrowdown.gif';
}
}
--
View this message in
context:http://old.nabble.com/Converting-a-javascript-to-jQuery-tp27142142s27...
Sent from the jQuery General Discussion mailing list archive at Nabble.com.