마우스오버하면 펼침효과 관련 문의 채택완료

아래의 소스는 인기 검색어 스크롤이 되고 마우스오버하면 펼침효과가 됩니다.

이것을 스크롤이 되면서 마우스오버로 펼침이 아니라

클릭으로 펼침 하려면 어떻게 고쳐야 하나요?

예) <a onclick="xxxx">펼침</a>

<div class="popular">

  <div class="scroll">

    <ul>

      <?php for ($i=0; $i<count($list); $i++) {  ?>

      <li><a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&amp;sop=and&amp;stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?php echo get_text($list[$i]['pp_word']); ?></a></li>

      <?php } ?>

    </ul>

  </div>

</div>

<script>

$(document).ready(function () {

    var html = $(".scroll").html();

    $(".scroll").parent().append("<div class='popular-hover'></div>");

    var $hover = $(".scroll").parent().find(".popular-hover");

    $hover.html(html);

    $(".scroll").mouseover(function () {

        $hover.css("display", "block");

    });

    $hover.mouseleave(function () {

        $hover.css("display", "none");

    });

    $(".scroll").mw_slider();

});

</script>