Нужна помощь по node.js сделать событие на onclick

162

31 июля 2018, 14:20

Что я ту делаю не правильно?

<div class="description">
    <a href="#" class="l-side" onclick="lox"><div id="1" class="block">I want</div></a>
    <a href="#" class="r-side" onclick="loxy"><div id="2" class="hide">Community</div></a>
</div>
<div id="1" class="filter_block" style="display: block">
    <div class="panel panel-default">
        <!-- List group -->
        <ul class="list-group filter_list">
            <li class="list-group-item" v-for="tag in tags">
                {{tag.title}}
                <div class="checkbox_block">
                    </label>
                </div>
            </li>
        </ul>
    </div>            
</div>
<div id="2" class="filter_block" style="display: none">
    <div class="panel panel-default">
        <!-- List group -->
        <ul class="list-group filter_list">
            <li class="list-group-item" v-for="tag in tags">
                {{tag.title}}
                <div class="checkbox_block">
                    </label>
                </div>
            </li>
        </ul>
    </div>            
</div>
function clickText() {
    objdiv = document.getElementById('1');
    if (objdiv.style.display == "none")
        objdiv.style.display = "block";
    else (obdiv = document.getElementById('2') {
        if (obdiv.style.display == "none")
            obdiv.style.display = "block";
    })
}

Answer 1

function clickText(toHide, toShow) { 
  document.getElementById(toHide).style.display = "none"; 
  document.getElementById(toShow).style.display = "block"; 
}

<div id="div1"> 
  test 1 test 1 test 1 
  <button onclick="clickText('div1','div2')">Click 1</button> 
</div> 
<div id="div2" style="display:none;"> 
  test 2 test 2 test 2 
  <button onclick="clickText('div2','div1')">Click 2</button> 
</div>