|
|
|
| Здравствуйте!
Решил исаользовать для меню данные из Мускула и jquery, но у не знаю как сделать в меню, чтоб все позиции были закрыты. В имеющемся примере первая позиция по дефолту открыта.
<SCRIPT type=text/javascript>
$(document).ready(function(){
$(".accordion h3:first").addClass("active");
$(".accordion p:not(:first)").hide();
$(".accordion h3").click(function(){
$(this).next("p").slideToggle("slow")
.siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});
});
</SCRIPT>
|
| |
|
|
|
|
|
|
|
для: ronin
(30.01.2009 в 10:59)
| | Зачем так много всего? приведи html. | |
|
|
|
|
|
|
|
для: jangot
(30.01.2009 в 11:21)
| |
<DIV class="accordion">
<?php
$q = mysql_query("SELECT * FROM rubrics ORDER BY name") or die (mysql_error());
while ($row = mysql_fetch_array($q)) {
$query5=mysql_fetch_array(mysql_query("SELECT count(*) as f FROM doma WHERE id_rubrics=$row[id_rubrics]"));
echo "";
echo "<H3>".$row[name]."<span>(".$query5[f].")</span></H3>";
?>
<?php
echo "<P>";
$q2 = mysql_query("SELECT * FROM subrubrics WHERE id_rubrics=$row[id_rubrics] ORDER BY name") or die (mysql_error());
while ($row2 = mysql_fetch_assoc($q2))
{
$query5=mysql_fetch_array(mysql_query("SELECT count(*) as f FROM doma WHERE id_subrubrics=$row2[id_subrubrics]"));
echo "<a class='menu' href='index.php?id_rubrics=$row2[id_rubrics]&id_subrubrics=$row2[id_subrubrics]'>
".$row2['name']."<span>(".($query5[f]).")</span></a><br />";
}
echo "</P>";
}
?>
</DIV>
|
| |
|
|
|
|
|
|
|
для: ronin
(30.01.2009 в 11:45)
| | оригинал:
http://anton.shevchuk.name/wp-demo/jquery-tutorials/accordion1.html
<DIV class=accordion>
<H3>Question One Sample Text</H3>
<P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada,
ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam
vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae
ligula.</P>
<H3>This is Question Two</H3>
<P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada,
ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam
vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae
ligula.</P>
<H3>Another Questio here</H3>
<P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada,
ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam
vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae
ligula.</P>
<H3>Sample heading</H3>
<P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada,
ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam
vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae
ligula.</P>
<H3>Sample Question Heading</H3>
<P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada,
ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam
vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae
ligula.</P></DIV>
|
| |
|
|
|