javascript - ボタン以外の要素で data-toggle="button" をブートストラップする

Question

シンプルな（そしておそらく簡単な）私のコードは次のとおりです

<div class="btn-group mod-group">
    <button type="button" class="btn btn-default">Moderálás</button>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li data-toggle="button" class="publicBtn<?php echo ($s['public'] ? ' active' : '');?>"><a><i class="icon-eye-open"></i> Publikus</a></li>
    </ul>
</div>

私の質問はdata-toggle="button"、ボタンのdata-toggle="button"ように機能するliを作成するにはどうすればよいですか?

また、純粋にブートストラップ API を使用してこれを達成する方がはるかに優れているため、js でこれを行う方法も問題ではありません。