Question

我正在使用http://docs.jquery.com/UI/Accordion#overview

这是一个非常直接的手风琴，可以完成这项工作。我所拥有的是我网站上的横幅空间。我在横幅的左侧有一个手风琴，我想让右侧显示开放式手风琴标签的附加信息。

因此，在页面打开时，手风琴默认为第一个选项卡，右侧会打开另一个div。

当用户点击手风琴中的第二个标签时，该标签会滑动打开，右侧div将更改为第二个手风琴标签的相关div，依此类推。

Answer 1

按类型绑定到change事件：accordionchange。

$( ".selector" ).bind( "accordionchange", function(event, ui) {
  //use this variables to decide what new content to put in your right hand side
  ui.newHeader // jQuery object, activated header

});

http://docs.jquery.com/UI/Accordion#event-change

Answer 2

您可能需要修改onclick处理程序以找到被点击的元素（最有可能通过它的ID），然后调用一个函数，以便可以在另一个函数中使用ID来确定要在右侧显示的内容这页纸）。目前，手风琴使用 this ，它是对该元素的直接引用，因此您可能需要考虑传递该元素，或者只是传递它。

jQuery(document).ready(function(){
  myFunction = function(ele){
    //my custom show/hide stuff here
  };

  $('.accordion .head').click(function() {
    $(this).next().toggle();
    myFunction($(this));
    return false;
  }).next().hide();

});

如何更改手风琴变化事件的另一个div可见性

2 个答案: