单击& lt; a>要显示<ul>，但单击其他可隐藏<ul>

Click <a> to show <ul>, but click other to hide the <ul>

本文关键字：ul 单击 隐藏 其他 显示 lt      更新时间：2023-09-26

我想创建一个<UL>列表，如<SELECT>行为，但onclick是<A>标签。有人能解决这个问题吗?

HTML: 

<div class="btn-group">
    <a class="grey-btn btn btn-mini" onclick="<?php echo $this->getJsModel(); ?>.showHideAction(<?php echo $i; ?>);">Action</a>
    <a class="grey-btn btn btn-mini dropdown-toggle" onclick="<?php echo $this->getJsModel(); ?>.showHideAction(<?php echo $i; ?>)">
        <span class="caret"></span>
    </a>
    <ul id="dropdown_action_<?php echo $i; ?>" name="dropdown_action_<?php echo $i; ?>" class="dropdown-menu" style="display:none;">
        <li style="cursor:pointer;" onClick="<?php echo $this->getJsModel(); ?>.activeAddtocartSubmit(<?php echo $i; ?>, <?php echo $collection->getSize(); ?>, '<?php echo $_url; ?>', '<?php echo $this->getForm(); ?>');">Add to Cart</li>
    </ul>
</div>
Javascript: 

showHideAction : function(i){
    $('dropdown_action_'+i).toggle();
},

change 

$('dropdown_action_'+i).toggle();


$('#dropdown_action_'+i).toggle(); // '#' is used to select element with specified id
相关文章：