Jquery 如何仅使用样式在回发时保持当前手风琴打开？
我正在试图找出如何在回发期间保持当前手风琴窗格打开。我已经浏览了这些帖子，但它们都在jQuery中使用实际的手风琴功能，而我只使用cssJquery 如何仅使用样式在回发时保持当前手风琴打开？,jquery,css,accordion,Jquery,Css,Accordion,我正在试图找出如何在回发期间保持当前手风琴窗格打开。我已经浏览了这些帖子，但它们都在jQuery中使用实际的手风琴功能，而我只使用css <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Editor.aspx.vb" Inherits="Editor" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Editor.aspx.vb" Inherits="Editor" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>MLE Editor</title>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<link href="Styles/site.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
// The Accordion Effect
$('.eventHeader').click(function () {
$(this).toggleClass('active-header').toggleClass('inactive-header');
$(this).next().slideToggle().toggleClass('open-content');
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="eventOptions">
<div id="eventsContainer">
<h2 class="eventHeader">Event 1</h2><div class="eventContent"><p>Event options</p></div>
<h2 class="eventHeader">Event 2</h2><div class="eventContent"><p>Event options</p></div>
<h2 class="eventHeader">Event 3</h2><div class="eventContent"><p>Event options</p></div>
<h2 class="eventHeader">Event 4</h2><div class="eventContent"><p>Event options</p></div>
<h2 class="eventHeader">Event 5</h2><div class="eventContent"><p>Event options</p></div>
</div>
</div>
<asp:Button ID="btnPostback" Runat="server" Text="Postback" />
</form>
</body>
</html>
MLE编辑器
$（文档）.ready（函数（）{
//手风琴效果
$（'.eventHeader'）。单击（函数（）{
$（this）.toggleClass（'active-header'）。toggleClass（'inactive-header'）；
$（this）.next（）.slideToggle（）.toggleClass（'open-content'）；
});
});
事件1事件选项
事件2事件选项
事件3事件选项
事件4事件选项
事件5事件选项
<asp:HiddenField runat="server" ID="hdnIndexValue1" Value="-1" />
<script type="text/javascript">
$(document).ready(function () {
$(".eventContent").hide();
var index = parseInt(document.getElementById("hdnIndexValue1").value);
$('.eventContent:eq(' + index + ')').show();
$('.eventHeader').click(function () {
$(this).toggleClass('active-header').toggleClass('inactive-header');
$(this).next().slideToggle().toggleClass('open-content');
var index = $(".eventHeader").index(this);
document.getElementById('hdnIndexValue1').value = index;
});
});
</script>
$（文档）.ready（函数（）{
$（“.eventContent”）.hide（）；
var index=parseInt（document.getElementById（“hdnIndexValue1”）.value）；
$（'.eventContent:eq（'+index+'））.show（）；
$（'.eventHeader'）。单击（函数（）{
$（this）.toggleClass（'active-header'）。toggleClass（'inactive-header'）；
$（this）.next（）.slideToggle（）.toggleClass（'open-content'）；
var index=$（“.eventHeader”）.index（此）；
document.getElementById（'hdnIndexValue1'）。值=索引；
});
});