Question

解决此问题的最佳方法是什么？我希望第二个给出相同的＆＃34;效果＆＃34;作为第1个。

＆＃13;

{% autoescape false %}
   {% set caret = '<span class="caret"></span>' %}
   {{ (item.path == '/#') ? caret|raw : item.label }}
{% endautoescape %}

＆＃13;

$("#flip").click(function() {
      $("#panel").slideToggle("slow");
    });

＆＃13;

#panel {
     padding-top: 10px;
     padding-bottom: 10px;
     display: none;
    }

    #flip {
    text-decoration: underline
    }

＆＃13;

我知道这是ID，我只能使用一次，但我不知道如何解决它。

希望有人可以帮助我！

Answer 1

我已经更新了你的小提琴：http://jsfiddle.net/mj1gpsky/2/

以下是代码：

$(document).ready(function(){
    $(".flip").click(function(e){
			
      $('#' + $(this).data("open")).slideToggle("slow");
    });
});

.panel {
  padding-top: 10px;
	padding-bottom: 10px;
  display: none;
}

.flip {
  text-decoration: underline
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

				<div class="flip" data-open="panel1">+ Test 2</div>
				<div class="panel" id="panel1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum, purus imperdiet tincidunt pretium, sem elit auctor nisl, nec viverra quam lacus dignissim risus.</div>
				
				<div class="flip" data-open="panel2">+ Test 2</div>
				<div class="panel" id="panel2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vestibulum, purus imperdiet tincidunt pretium, sem elit auctor nisl, nec viverra quam lacus dignissim risus.</div>

希望这有帮助

替换ID标签，以便更频繁地使用它们

1 个答案: