используя jquery, как вы переключаете элемент div &, используя ту же ссылку?

Question

У меня есть пункт меню, который отображает DIV при щелчке, но я также хочу, чтобы текст li изменялся при щелчке по ссылке и переключался между щелчками. вот HTML:

    <div class="menu">
                <ul>
                <li class="l1"><a href="javascript:toggleDiv('upgrade');" id="upgrade_link">upgrade</a></li>
                <li class="l1" style="display:none"><a href="javascript:toggleDiv('upgrade');" id="upgrade_link">Free</a></li>
                <li class="l2"><a href="#">login</a></li>
                <li class="l3"><a href="#">about</a></li>
                </ul>
            </div>

вот jquery:

$(document).ready(function() {
        $("div.upgrade").hide();
        $("div.signup").show();
    });
    function toggleDiv(divId) {
       $("#"+divId).toggle(function() {
        $('#upgrade_link').click(function () {
            $('.l1').toggle()
        });
    });
    }

Answer 1

Я полагаю, что в вашем примере чего-то не хватает, но вы можете связать вещи и выбрать родительского Ли для управления этим:

$('#upgrade_link').click(function () {
            $(this).css(or whatever).parent("li").css("background", "yellow");
        });

Answer 2

просто добавить это?

$('.l1').text('new text')