Переписать код без использования jquery

[andreyua]

function toggleInherited(linkObj, expand) {
    var base = linkObj.getAttribute("id");
    var list = document.getElementById(base + "-list");
    var summary = document.getElementById(base + "-summary");
    var trigger = document.getElementById(base + "-trigger");
    var a = $(linkObj);
    if ( (expand == null && a.hasClass("closed")) || expand ) {
        list.style.display = "none";
        summary.style.display = "block";
        trigger.src = toRoot + "assets/images/triangle-opened.png";
        a.removeClass("closed");
        a.addClass("opened");
    } else if ( (expand == null && a.hasClass("opened")) || (expand == false) ) {
        list.style.display = "block";
        summary.style.display = "none";
        trigger.src = toRoot + "assets/images/triangle-closed.png";
        a.removeClass("opened");
        a.addClass("closed");
    }
    return false;
}

Помогите переписать код без использования jquery, кто может...
Очень нужно...

[moskitos80]

Ну, без jQ вот как вариант:

function addClass (element, className) {
    if (hasClass(element, className)) {
        return;
    }
    element.className = element.className.length > 0 ?
        element.className + " " + className : 
        className;
}
function removeClass (element, className) {
    var pattern = new RegExp("\\s?" + className);
    element.className = element.className.replace(pattern, "");
}
function hasClass(element, className) {
    return element.className.indexOf(className) !== -1;
}

function toggleInherited(linkObj, expand) {
    var base = linkObj.id,
        list = document.getElementById(base + "-list"),
        summary = document.getElementById(base + "-summary"),
        trigger = document.getElementById(base + "-trigger"),
        doHasClassClosed = hasClass(linkObj, "closed"),
        doHasClassOpened = hasClass(linkObj, "opened");
    
    if ( (expand == null && doHasClassClosed) || expand ) {
        list.style.display = "none";
        summary.style.display = "block";
        trigger.src = toRoot + "assets/images/triangle-opened.png";
        removeClass(linkObj, "closed");
        addClass(linkObj, "opened");
    } else if ( (expand == null && doHasClassOpened) || (expand == false) ) {
        list.style.display = "block";
        summary.style.display = "none";
        trigger.src = toRoot + "assets/images/triangle-closed.png";        
        removeClass(linkObj, "opened");
        addClass(linkObj, "closed");
    }
    return false;
}

[danik.js]

var base = linkObj.getAttribute("id");

Ну просто linkObj.id же, не?
a.classList.add/remove/contains вместо add/remove/hasClass
Но это не будет работать в старых браузерах. Для них подключи костыль classList.js (легко гуглится).

[danik.js]

trigger.src = toRoot + "assets/images/triangle-opened.png";

Это в css перенести, в качестве фонового изображения.

[andreyua]

Большое спасибо, работает