从themeroller实现jquery选项卡和手风琴的两个问题

时间:2010-11-02 19:52:05

标签: jquery-ui jquery-ui-tabs jquery-ui-accordion

我是jquery的新手,经过相当多的阅读和实验而没有解决这个问题,我想帮助解决 sqlsolver_dot_com 上的两个问题:
1)访问的最后一个选项卡始终保持a:访问颜色,即使页面刷新也是如此。访问另一个标签会改变它,但我希望它们全部显示为未选中。
2)当我点击一个名称参考其中一个较低的手风琴面板的标签时,它用虚线突出显示它,但我希望它实际上是滑开。
我放置x在html中代替href,因为我每个帖子只限一个链接。

JQUERY
//手风琴 $(“#accordion”)。accordion({header:“h3”,active:false,collapsible:true,autoHeight:false});

// Accordion2 $(“#accordion2”)。accordion({header:“h3”,active:false,collapsible:true,autoHeight:false});

// Tabs - .addclass允许外部lind到SP考试加载
$( “#TABS1”)。标签({ fx:[{opacity:'toggle',duration:'normal',duration:'fast',active:'false'}]

.addClass( 'UI的选项卡垂直'); $(“li.last a”)。unbind('click')。each(function(){this.href = $ .data(this,'href.tabs'); });    
HTML

<!-- code sample...
<body>
<div class="logo">
<div class="menu">
<div id="tabs1">
<ul>
       <li><a x="#articles">Articles</a></li>
<li><a x="#resources">Beginning Resources</a></li>
       <li><a x="#info">Wikis</a></li>
        <li class="last"><a x="x">SharePoint 70-576 exam blog</a></li>
       <li><a x="#about">About</a></li>
       </ul>
</div><!--ending tabs-->
</div><!--ending menu-->
<h1><a x="x">SQL Solver</a></h1>
<h2>SQL resources and training solutions<br /> suggested by <a x="x">Ramona   Maxwell</a></h2>
</div><!--ending logo-->

<div class="container"><!--starting page body-->

<div class="sidebar1">
<div id="accordion2">

<h3><a name="articles">Articles</a></h3>
<div><!-- One of these to contain each menu content item -->
<ul>
<li><a x="x">
SQL Saturday #55 Notes</a><br/><div class="byline">by Ramona Maxwell</div></li>
<li><a x="x">
Predictive Analysis<br />&nbsp;&nbsp;and Your Bottom Line</a>
<div class="byline">by Ramona Maxwell</div></li></ul>
<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" 

依此类推...... - &gt;

1 个答案:

答案 0 :(得分:0)

可能1)是CSS样式问题吗?为a和a设置了一个CSS样式:访问是相同的。