前端界面点击更换图片并且显示内容，再次点击内容消失

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_35069220/article/details/82624666

<style>

</style>

<div>

           <ul>

                     <li>
                                <div class="ui-dataLt">
                                    <label class="ui-zidingyi" for="sort_1">
                                        <input type="checkbox" id="sort_1" />
                                    </label>

                                    <img class="ui-img-down" src="img/箭头-下.png" />
                                </div>
                                <div class="ui-dataLt1">
                                    <span class="ui-liebiao-xq">**************************</span>
                                <a href="">    <span>***************************</span></a>
                                </div>
                            </li>

</ul>

</div>

<scriput>

$(".ui-img-down").click(function() {
              
                if($(this).attr("src") == "img/箭头-下.png") {
                    $(this).attr("src", "img/箭头-上.png");

                } else {
                    $(this).attr("src", "img/箭头-下.png");
                }
                var flag = $(this).parent(".ui-dataLt").next();
                flag.toggle();
            });

</scriput>